diff --git a/core/frontend/src/App.vue b/core/frontend/src/App.vue
index ba6a73a531..f5de72d480 100644
--- a/core/frontend/src/App.vue
+++ b/core/frontend/src/App.vue
@@ -688,6 +688,26 @@ export default Vue.extend({
 })
 </script>
 
+<style>
+::-webkit-scrollbar {
+  width: 5px;
+}
+
+::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 1px grey;
+  background: var(--v-primary-darken2);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--v-primary-darken3);
+  transition: visibility 2s;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--v-primary-base);
+}
+</style>
+
 <style scoped>
 html {
   overflow-y: auto
@@ -744,23 +764,6 @@ div.pirate-marker.v-icon {
   padding-left: 32px;
 }
 
-.v-navigation-drawer__content::-webkit-scrollbar {
-  width: 8px;
-}
-
-.v-navigation-drawer__content::-webkit-scrollbar-track {
-  box-shadow: inset 0 0 1px grey;
-}
-
-.v-navigation-drawer__content::-webkit-scrollbar-thumb {
-  background: var(--v-primary-darken3);
-  transition: visibility 2s;
-}
-
-.v-navigation-drawer__content::-webkit-scrollbar-thumb:hover {
-  background: var(--v-primary-base);
-}
-
 #context-menu {
   position: fixed;
   z-index: 10000;