diff --git a/src/assets/variables.scss b/src/assets/variables.scss
index 4220d5bfcb..2c8a7fc084 100644
--- a/src/assets/variables.scss
+++ b/src/assets/variables.scss
@@ -55,3 +55,6 @@ $navigation-width: 300px;
 
 // mobile breakpoint
 $breakpoint-mobile: 1024px;
+
+// top-bar spacing
+$topbar-margin: 4px;
diff --git a/src/components/AppNavigationToggle/AppNavigationToggle.vue b/src/components/AppNavigationToggle/AppNavigationToggle.vue
index 683d593c35..53edec4a6b 100644
--- a/src/components/AppNavigationToggle/AppNavigationToggle.vue
+++ b/src/components/AppNavigationToggle/AppNavigationToggle.vue
@@ -79,8 +79,8 @@ export default {
 
 button.app-navigation-toggle {
 	position: absolute;
-	top: 0;
-	right: 0;
+	top: $topbar-margin;
+	right: - $topbar-margin;
 	margin-right: - $clickable-area;
 }