diff --git a/src/components/Editor/Bottom.svelte b/src/components/Editor/Bottom.svelte
index f66e1ef9..c3928cbe 100644
--- a/src/components/Editor/Bottom.svelte
+++ b/src/components/Editor/Bottom.svelte
@@ -49,12 +49,18 @@
   .bottom {
     position: fixed;
     bottom: 0;
-    right: calc(50% - 570px);
+    right: 10%;
     background: linear-gradient(270deg, var(--white) 83%, transparent 100%);
     padding: 15px 0;
     padding-left: 80px;
   }
 
+  :global(.isMobile) .bottom,
+  :global(.phone) .bottom,
+  :global(.phone-xs) .bottom {
+    bottom: 60px;
+  }
+
   .pulse {
     --color-hover: var(--black);
   }
diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index 19da59ad..00c41e2e 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -56,7 +56,10 @@
     flex: 1;
     width: 100%;
   }
-  :global(.isMobile) main {
+  :global(.isMobile) main,
+  :global(.tablet) main,
+  :global(.phone) main,
+  :global(.phone-xs) main {
     padding: 16px 16px 76px;
   }
 </style>