diff --git a/extensions/cornerstone/src/hps/frameView.ts b/extensions/cornerstone/src/hps/frameView.ts
index 7990cd059..e699f68cc 100644
--- a/extensions/cornerstone/src/hps/frameView.ts
+++ b/extensions/cornerstone/src/hps/frameView.ts
@@ -55,6 +55,7 @@ const frameView: Types.HangingProtocol.Protocol = {
       viewports: [
         {
           viewportOptions: {
+            viewportId: 'custom_R0_C0',
             toolGroupId: 'default',
             syncGroups: [
               {
@@ -91,6 +92,7 @@ const frameView: Types.HangingProtocol.Protocol = {
         },
         {
           viewportOptions: {
+            viewportId: 'custom_R0_C1',
             toolGroupId: 'default',
             syncGroups: [
               {
@@ -127,6 +129,7 @@ const frameView: Types.HangingProtocol.Protocol = {
         },
         {
           viewportOptions: {
+            viewportId: 'custom_R0_C2',
             toolGroupId: 'default',
             syncGroups: [
               {
@@ -163,6 +166,7 @@ const frameView: Types.HangingProtocol.Protocol = {
         },
         {
           viewportOptions: {
+            viewportId: 'custom_R0_C3',
             toolGroupId: 'default',
             syncGroups: [
               {
@@ -199,6 +203,7 @@ const frameView: Types.HangingProtocol.Protocol = {
         },
         {
           viewportOptions: {
+            viewportId: 'custom_R1_C0',
             toolGroupId: 'default',
             syncGroups: [
               {
@@ -235,6 +240,7 @@ const frameView: Types.HangingProtocol.Protocol = {
         },
         {
           viewportOptions: {
+            viewportId: 'custom_R1_C1',
             toolGroupId: 'default',
             syncGroups: [
               {
@@ -271,6 +277,7 @@ const frameView: Types.HangingProtocol.Protocol = {
         },
         {
           viewportOptions: {
+            viewportId: 'custom_R1_C2',
             toolGroupId: 'default',
             syncGroups: [
               {
@@ -307,6 +314,7 @@ const frameView: Types.HangingProtocol.Protocol = {
         },
         {
           viewportOptions: {
+            viewportId: 'custom_R1_C3',
             toolGroupId: 'default',
             syncGroups: [
               {
@@ -343,6 +351,7 @@ const frameView: Types.HangingProtocol.Protocol = {
         },
         {
           viewportOptions: {
+            viewportId: 'custom_R2_C0',
             toolGroupId: 'default',
             syncGroups: [
               {
@@ -379,6 +388,7 @@ const frameView: Types.HangingProtocol.Protocol = {
         },
         {
           viewportOptions: {
+            viewportId: 'custom_R2_C1',
             toolGroupId: 'default',
             syncGroups: [
               {
@@ -415,6 +425,7 @@ const frameView: Types.HangingProtocol.Protocol = {
         },
         {
           viewportOptions: {
+            viewportId: 'custom_R2_C2',
             toolGroupId: 'default',
             syncGroups: [
               {
@@ -451,6 +462,7 @@ const frameView: Types.HangingProtocol.Protocol = {
         },
         {
           viewportOptions: {
+            viewportId: 'custom_R2_C3',
             toolGroupId: 'default',
             syncGroups: [
               {
@@ -487,6 +499,7 @@ const frameView: Types.HangingProtocol.Protocol = {
         },
         {
           viewportOptions: {
+            viewportId: 'custom_R3_C0',
             toolGroupId: 'default',
             syncGroups: [
               {
@@ -523,6 +536,7 @@ const frameView: Types.HangingProtocol.Protocol = {
         },
         {
           viewportOptions: {
+            viewportId: 'custom_R3_C1',
             toolGroupId: 'default',
             syncGroups: [
               {
@@ -559,6 +573,7 @@ const frameView: Types.HangingProtocol.Protocol = {
         },
         {
           viewportOptions: {
+            viewportId: 'custom_R3_C2',
             toolGroupId: 'default',
             syncGroups: [
               {
@@ -595,6 +610,7 @@ const frameView: Types.HangingProtocol.Protocol = {
         },
         {
           viewportOptions: {
+            viewportId: 'custom_R3_C3',
             toolGroupId: 'default',
             syncGroups: [
               {