diff --git a/src/components/settings/SettingsModal.tsx b/src/components/settings/SettingsModal.tsx
index b8ac11f5..57f19ea2 100644
--- a/src/components/settings/SettingsModal.tsx
+++ b/src/components/settings/SettingsModal.tsx
@@ -180,7 +180,7 @@ export const SettingsModal = ({
       <Dialog
         as="div"
         static
-        className="fixed z-10 inset-0 overflow-y-auto"
+        className="fixed z-10 inset-0 overflow-y-scroll no-scrollbar"
         open={isOpen}
         onClose={() => closeWithoutSaving()}
       >
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 9e71b2d5..b415a3ce 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -45,3 +45,11 @@ html {
   outline: none;
   --tw-ring-color: transparent !important;
 }
+
+/* This hides the scrollbar */
+.no-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+.no-scrollbar {
+  scrollbar-width: none;
+}