diff --git a/frontend/public/index.html b/frontend/public/index.html
index 59b9ff166..a28fe4e63 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -8,6 +8,7 @@
     <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
new file mode 100644
index 000000000..215f6ae7d
--- /dev/null
+++ b/frontend/public/styles/global.css
@@ -0,0 +1,11 @@
+*::-webkit-scrollbar {
+  width: 0.25rem;
+}
+
+*::-webkit-scrollbar-track {
+  background: lightgray;
+}
+
+*::-webkit-scrollbar-thumb {
+  background: grey;
+}
