diff --git a/packages/frontend/core/src/components/workspace/index.css.ts b/packages/frontend/core/src/components/workspace/index.css.ts
index 1a945000753f5..f62fc6bceb09f 100644
--- a/packages/frontend/core/src/components/workspace/index.css.ts
+++ b/packages/frontend/core/src/components/workspace/index.css.ts
@@ -56,12 +56,11 @@ export const mainContainerStyle = style({
   selectors: {
     '&[data-client-border="true"]': {
       borderRadius: 6,
-    },
-    '&[data-show-padding="true"]': {
       margin: '8px',
       overflow: 'hidden',
+      // todo: is this performance intensive?
       // TODO: not match with design's shadow, theme missing
-      boxShadow: '0px 0px 4px rgba(66,65,73,.14)',
+      filter: 'drop-shadow(0px 0px 4px rgba(66,65,73,.14))',
       '@media': {
         print: {
           overflow: 'visible',
@@ -70,10 +69,10 @@ export const mainContainerStyle = style({
         },
       },
     },
-    '&[data-show-padding="true"][data-side-bar-open="true"]': {
+    '&[data-client-border="true"][data-side-bar-open="true"]': {
       marginLeft: 0,
     },
-    '&[data-show-padding="true"]:before': {
+    '&[data-client-border="true"]:before': {
       content: '""',
       position: 'absolute',
       height: '8px',
diff --git a/packages/frontend/core/src/components/workspace/index.tsx b/packages/frontend/core/src/components/workspace/index.tsx
index e67862f7cd1bd..dd24a0c3b1d3d 100644
--- a/packages/frontend/core/src/components/workspace/index.tsx
+++ b/packages/frontend/core/src/components/workspace/index.tsx
@@ -50,7 +50,6 @@ export const MainContainer = forwardRef<
       {...props}
       className={clsx(mainContainerStyle, className)}
       data-is-macos={environment.isDesktop && environment.isMacOs}
-      data-show-padding={!!clientBorder}
       data-transparent={false}
       data-client-border={clientBorder}
       data-side-bar-open={appSideBarOpen}