diff --git a/src/lib/components/backupRestoreBox.svelte b/src/lib/components/backupRestoreBox.svelte
index 2ad2cd2b9..85046e4a7 100644
--- a/src/lib/components/backupRestoreBox.svelte
+++ b/src/lib/components/backupRestoreBox.svelte
@@ -236,8 +236,8 @@
     }
 
     .box-holder {
-        right: 2rem;
-        bottom: 1rem;
+        right: 0;
+        bottom: 0;
         display: flex;
         position: fixed;
     }
@@ -255,4 +255,10 @@
         color: var(--mid-neutrals-50, #818186);
         font-family: var(--font-family-sansSerif, Inter);
     }
+
+    @media (max-width: 768px) {
+        .is-float {
+            position: fixed;
+        }
+    }
 </style>