diff --git a/apps/studio/src/features/editing-experience/components/ComplexEditorStateDrawer.tsx b/apps/studio/src/features/editing-experience/components/ComplexEditorStateDrawer.tsx
index 4de2362004..82b00cb4ca 100644
--- a/apps/studio/src/features/editing-experience/components/ComplexEditorStateDrawer.tsx
+++ b/apps/studio/src/features/editing-experience/components/ComplexEditorStateDrawer.tsx
@@ -79,7 +79,8 @@ export default function ComplexEditorStateDrawer(): JSX.Element {
         bottom={0}
         bgColor="base.canvas.default"
         boxShadow="md"
-        p="1.5rem 2rem 1.5rem 2rem"
+        py="1.5rem"
+        px="2rem"
       >
         <Button
           w="100%"
diff --git a/apps/studio/src/features/editing-experience/components/RootStateDrawer.tsx b/apps/studio/src/features/editing-experience/components/RootStateDrawer.tsx
index a682985911..81be2ea181 100644
--- a/apps/studio/src/features/editing-experience/components/RootStateDrawer.tsx
+++ b/apps/studio/src/features/editing-experience/components/RootStateDrawer.tsx
@@ -151,8 +151,9 @@ export default function RootStateDrawer() {
         w="100%"
         bgColor="base.canvas.default"
         boxShadow="md"
-        p="1.5rem 2rem 1.5rem 2rem"
         pos="sticky"
+        py="1.5rem"
+        px="2rem"
         bottom={0}
       >
         <Button