diff --git a/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.scss b/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.scss
index 4f296a8f1..8e4b4194b 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.scss
+++ b/apps/red-ui/src/app/modules/file-preview/components/editable-structured-component-value/editable-structured-component-value.component.scss
@@ -3,11 +3,12 @@
     flex-direction: row;
     padding: 10px 0 10px 0;
     margin-left: 14px;
-    margin-right: 26px;
+    margin-right: 20px;
     position: relative;
 
     .component {
         width: 40%;
+        margin-right: 8px;
     }
 
     .value {
@@ -72,7 +73,7 @@
         }
 
         .value {
-            margin-right: 26px;
+            margin-right: 20px;
         }
     }
 
diff --git a/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.scss b/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.scss
index 87df23079..78536d529 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.scss
+++ b/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.scss
@@ -43,7 +43,7 @@
             flex-direction: column;
 
             &.documine-width {
-                width: calc(var(--documine-workload-content-width) - 50px);
+                width: calc(var(--documine-workload-content-width) - 55px);
                 border-right: 1px solid var(--iqser-separator);
                 z-index: 1;
 
diff --git a/apps/red-ui/src/app/modules/file-preview/components/structured-component-management/structured-component-management.component.scss b/apps/red-ui/src/app/modules/file-preview/components/structured-component-management/structured-component-management.component.scss
index 783169c29..a7249fb59 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/structured-component-management/structured-component-management.component.scss
+++ b/apps/red-ui/src/app/modules/file-preview/components/structured-component-management/structured-component-management.component.scss
@@ -24,7 +24,8 @@ mat-icon {
     display: flex;
     flex-direction: column;
     font-size: 12px;
-    overflow: scroll;
+    overflow-x: hidden;
+    overflow-y: scroll;
     height: calc(100% - 40px);
 
     .component-row {
diff --git a/apps/red-ui/src/app/modules/file-preview/file-preview-screen.component.scss b/apps/red-ui/src/app/modules/file-preview/file-preview-screen.component.scss
index caada04ca..a31b3ef87 100644
--- a/apps/red-ui/src/app/modules/file-preview/file-preview-screen.component.scss
+++ b/apps/red-ui/src/app/modules/file-preview/file-preview-screen.component.scss
@@ -39,7 +39,7 @@
     }
 
     &.documine-container {
-        width: 60%;
+        width: 70%; // this and --structured-component-management-width should sum up to 100%
     }
 }
 
diff --git a/apps/red-ui/src/styles.scss b/apps/red-ui/src/styles.scss
index 3af183e3e..4b3f0586b 100644
--- a/apps/red-ui/src/styles.scss
+++ b/apps/red-ui/src/styles.scss
@@ -164,13 +164,13 @@ $dark-accent-10: darken(vars.$accent, 10%);
 body {
     --workload-width: 350px;
     --documine-workload-content-width: 287px;
-    --structured-component-management-width: 40%;
+    --structured-component-management-width: 30%;
     --quick-navigation-width: 61px;
     --iqser-app-name-font-family: OpenSans Extrabold, sans-serif;
     --iqser-app-name-font-size: 13px;
     --iqser-logo-size: 28px;
     --documine-viewer-width: calc(
-        100% - var(--structured-component-management-width) - calc(var(--documine-workload-content-width) - 50px) - var(
+        100% - var(--structured-component-management-width) - calc(var(--documine-workload-content-width) - 55px) - var(
                 --quick-navigation-width
             ) - 3px
     );
@@ -196,7 +196,9 @@ body {
 
     &.document-info {
         width: calc(
-            100% - var(--structured-component-management-width) - var(--documine-workload-content-width) - var(--workload-width) - 3px
+            100% - var(--structured-component-management-width) - calc(var(--documine-workload-content-width) - 55px) - var(
+                    --workload-width
+                ) - 3px
         );
         right: calc(var(--workload-width) + 1px);
     }