diff --git a/frontend/src/app/main/ui/settings/shortcuts.scss b/frontend/src/app/main/ui/settings/shortcuts.scss
index e9395e2fe5..1c153cfcb6 100644
--- a/frontend/src/app/main/ui/settings/shortcuts.scss
+++ b/frontend/src/app/main/ui/settings/shortcuts.scss
@@ -14,6 +14,9 @@
 .shortcuts-page {
   display: flex;
   justify-content: center;
+
+  // box-sizing: border-box;
+  // min-block-size: 100%;
   padding-block-end: px2rem(32);
 }
 
@@ -194,26 +197,21 @@
   align-items: center;
   justify-content: space-between;
   gap: var(--sp-s);
-  padding-block-start: var(--sp-m);
-}
+  margin-block-start: auto;
+  padding-block: var(--sp-m) var(--sp-s);
+  position: fixed;
+  bottom: 0;
+  background-color: var(--app-background);
+  min-inline-size: px2rem(590);
 
-.shortcuts-info {
-  display: flex;
-  gap: var(--sp-s);
-  align-items: center;
-}
-
-.shortcuts-page-footer {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--sp-s);
-  padding-block-start: var(--sp-m);
 }
 
 .shortcuts-info {
   @include t.use-typography("body-small");
 
+  display: flex;
+  gap: var(--sp-m);
+  align-items: center;
   color: var(--color-foreground-secondary);
 }
 
@@ -229,11 +227,6 @@
   background-color: var(--color-accent-error);
 }
 
-.shortcuts-info {
-  display: flex;
-  gap: var(--sp-m);
-}
-
 .shortcuts-info-wrapper {
   display: flex;
   align-items: center;