diff --git a/src/components/home/contentAuth.vue b/src/components/home/contentAuth.vue
index b4b6c5271..e7b7cf455 100644
--- a/src/components/home/contentAuth.vue
+++ b/src/components/home/contentAuth.vue
@@ -132,3 +132,19 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.keyboard-shortcuts-button {
+	position: fixed;
+	bottom: calc(1rem - 4px);
+	right: 1rem;
+	z-index: 4500; // The modal has a z-index of 4000
+
+	color: $grey-500;
+	transition: color $transition;
+	
+	@media screen and (max-width: $tablet) {
+		display: none;
+	}
+}
+</style>
\ No newline at end of file
diff --git a/src/styles/components/_index.scss b/src/styles/components/_index.scss
index 75f6843ad..913ee06d7 100644
--- a/src/styles/components/_index.scss
+++ b/src/styles/components/_index.scss
@@ -12,6 +12,5 @@
 @import "list-backgrounds";
 @import "namespaces";
 @import "legal";
-@import "keyboard-shortcuts";
 @import "notifications";
 @import "quick-actions";
\ No newline at end of file
diff --git a/src/styles/components/keyboard-shortcuts.scss b/src/styles/components/keyboard-shortcuts.scss
deleted file mode 100644
index 58ee3e8e6..000000000
--- a/src/styles/components/keyboard-shortcuts.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-.keyboard-shortcuts-button {
-	position: fixed;
-	bottom: calc(1rem - 4px);
-	right: 1rem;
-	z-index: 4500; // The modal has a z-index of 4000
-
-	color: $grey-500;
-	transition: color $transition;
-	
-	@media screen and (max-width: $tablet) {
-		display: none;
-	}
-}