diff --git a/frontend/public/index.html b/frontend/public/index.html
index a28fe4e63..59b9ff166 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -8,7 +8,6 @@
     <title> Mealie </title>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
-    <link rel="stylesheet" href="./styles/global.css">
   </head>
   <body>
     <noscript>
diff --git a/frontend/public/styles/global.css b/frontend/public/styles/global.css
deleted file mode 100644
index 215f6ae7d..000000000
--- a/frontend/public/styles/global.css
+++ /dev/null
@@ -1,11 +0,0 @@
-*::-webkit-scrollbar {
-  width: 0.25rem;
-}
-
-*::-webkit-scrollbar-track {
-  background: lightgray;
-}
-
-*::-webkit-scrollbar-thumb {
-  background: grey;
-}
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 4509b55a5..31f1429da 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -138,4 +138,16 @@ export default {
   margin-bottom: -5px;
   opacity: 0.9 !important;
 }
+
+*::-webkit-scrollbar {
+  width: 0.25rem;
+}
+
+*::-webkit-scrollbar-track {
+  background: lightgray;
+}
+
+*::-webkit-scrollbar-thumb {
+  background: grey;
+}
 </style>
