diff --git a/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts b/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts
index de9a85de0..ad2446adc 100644
--- a/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts
+++ b/packages/frontend/core/src/modules/peek-view/view/modal-container.css.ts
@@ -43,6 +43,13 @@ export const modalContentContainer = style({
         },
       },
     },
+    'screen and (width > 640px) and (width <= 1024px)': {
+      selectors: {
+        [`${modalContentWrapper}[data-mode="fit"] &`]: {
+          paddingRight: 12,
+        },
+      },
+    },
   },
   selectors: {
     [`${modalContentWrapper}[data-mode="max"] &`]: {
@@ -107,5 +114,8 @@ export const modalControls = style({
       left: 0,
       padding: '8px',
     },
+    'screen and (width > 640px) and (width <= 1024px)': {
+      paddingLeft: 0,
+    },
   },
 });