diff --git a/src/components/menu/menu.module.css b/src/components/menu/menu.module.css
index 99b54eb..cd82cf9 100644
--- a/src/components/menu/menu.module.css
+++ b/src/components/menu/menu.module.css
@@ -1,9 +1,13 @@
 .wrapper {
   position: fixed;
-  right: 20px;
+  right: calc(50vw - 400px);
   bottom: 20px;
   z-index: 15;
 
+  @media (width <= 850px) {
+    right: 5vw;
+  }
+
   & .menuButton {
     display: flex;
     align-items: center;
diff --git a/src/components/scroll-to-top/scroll-to-top.module.css b/src/components/scroll-to-top/scroll-to-top.module.css
index e57fde6..b134691 100644
--- a/src/components/scroll-to-top/scroll-to-top.module.css
+++ b/src/components/scroll-to-top/scroll-to-top.module.css
@@ -1,7 +1,7 @@
 .button {
   position: fixed;
   bottom: 20px;
-  left: 20px;
+  left: calc(50vw - 400px);
   z-index: 10;
   display: flex;
   align-items: center;
@@ -16,6 +16,10 @@
   border-radius: 50%;
   transition: 0.2s;
 
+  @media (width <= 850px) {
+    left: 5vw;
+  }
+
   &:hover {
     background-color: var(--color-neutral-200);
   }