diff --git a/src/pages/editor/components/EditorCanvas.tsx b/src/pages/editor/components/EditorCanvas.tsx
index c75f26a..91331d5 100644
--- a/src/pages/editor/components/EditorCanvas.tsx
+++ b/src/pages/editor/components/EditorCanvas.tsx
@@ -309,7 +309,7 @@ const EditorCanvas = ({ catalogSize }: EditorCanvasProps) => {
   };
 
   return (
-    <div className="flex-1 flex items-center justify-center pb-8 overflow-auto relative">
+    <div className="flex-1 flex items-center justify-center pb-8 overflow-auto relative xl:pl-6">
       <div className="mt-8">
         <div
           className="relative select-none"
diff --git a/src/pages/editor/components/EditorSidebar.tsx b/src/pages/editor/components/EditorSidebar.tsx
index 5553fff..8f4afa3 100644
--- a/src/pages/editor/components/EditorSidebar.tsx
+++ b/src/pages/editor/components/EditorSidebar.tsx
@@ -36,7 +36,7 @@ const EditorSidebar = () => {
             ) : null}
             <aside
                 className={clx(
-                    "fixed right-0 top-0 bottom-0 flex translate-x-[420px] w-[350px] flex-col bg-white px-8 py-10 opacity-0 transition-all ease-in-out xl:visible xl:right-4 xl:top-4 xl:bottom-4 xl:translate-x-0 xl:rounded-[32px] xl:bg-white xl:px-8 xl:py-10 xl:opacity-100",
+                    "fixed right-0 top-0 bottom-0 flex translate-x-[420px] w-[350px] flex-col bg-white py-10 opacity-0 transition-all ease-in-out xl:visible xl:right-4 xl:top-4 xl:bottom-4 xl:translate-x-0 xl:rounded-[32px] xl:bg-white xl:px-2 pl-8 xl:pl-8 px-2 xl:py-10 xl:opacity-100",
                     openSidebar && "z-40 translate-x-0 opacity-100",
                 )}
             >