diff --git a/packages/core/src/components/MainView.tsx b/packages/core/src/components/MainView.tsx
index a773ab0f..4b44e4ea 100644
--- a/packages/core/src/components/MainView.tsx
+++ b/packages/core/src/components/MainView.tsx
@@ -50,7 +50,11 @@ const MainView = ({
             showLeftNav ? 'w-main left-64' : 'w-full',
             !noMargin && 'px-5 py-4',
             noScroll ? 'overflow-hidden' : 'overflow-y-auto',
-            'h-main relative',
+            `
+              h-main
+              relative
+              styled-scrollbars
+            `,
           )}
         >
           {children}
diff --git a/packages/core/src/components/common/modal/Modal.tsx b/packages/core/src/components/common/modal/Modal.tsx
index 7d301cbc..e3b783d7 100644
--- a/packages/core/src/components/common/modal/Modal.tsx
+++ b/packages/core/src/components/common/modal/Modal.tsx
@@ -37,6 +37,7 @@ const Modal: FC<ModalProps> = ({ open, children, className, onClose }) => {
             items-center
             justify-center
             text-center
+            styled-scrollbars
           `,
         },
       }}
diff --git a/packages/core/src/components/entry-editor/EditorInterface.tsx b/packages/core/src/components/entry-editor/EditorInterface.tsx
index 69c8e85f..fa083596 100644
--- a/packages/core/src/components/entry-editor/EditorInterface.tsx
+++ b/packages/core/src/components/entry-editor/EditorInterface.tsx
@@ -45,7 +45,7 @@ const EditorContent = ({
   } else {
     return (
       <div className="flex justify-center">
-        <div className="w-editor-only max-w-full">{editor}</div>
+        <div className="w-editor-only max-w-full h-main">{editor}</div>
       </div>
     );
   }
@@ -162,6 +162,7 @@ const EditorInterface = ({
         w-full
         overflow-y-auto
         styled-scrollbars
+        h-main
       "
     >
       <EditorControlPane
@@ -179,7 +180,15 @@ const EditorInterface = ({
 
   const editorLocale = useMemo(
     () => (
-      <div key={selectedLocale}>
+      <div
+        key={selectedLocale}
+        className="
+          w-full
+          overflow-y-auto
+          styled-scrollbars
+          h-main
+        "
+      >
         <EditorControlPane
           collection={collection}
           entry={entry}
diff --git a/packages/core/src/components/media-library/common/MediaLibraryCardGrid.tsx b/packages/core/src/components/media-library/common/MediaLibraryCardGrid.tsx
index 06eabeaa..5e1c6025 100644
--- a/packages/core/src/components/media-library/common/MediaLibraryCardGrid.tsx
+++ b/packages/core/src/components/media-library/common/MediaLibraryCardGrid.tsx
@@ -167,6 +167,7 @@ const MediaLibraryCardGrid: FC<MediaLibraryCardGridProps> = props => {
                   py-4
                   overflow-hidden
                   overflow-y-auto
+                  styled-scrollbars
                 "
                 style={{ position: 'unset' }}
               >
diff --git a/packages/core/src/components/navbar/Sidebar.tsx b/packages/core/src/components/navbar/Sidebar.tsx
index e238a27c..9e44b72a 100644
--- a/packages/core/src/components/navbar/Sidebar.tsx
+++ b/packages/core/src/components/navbar/Sidebar.tsx
@@ -101,7 +101,18 @@ const Sidebar: FC<TranslateProps> = ({ t }) => {
       )}
       aria-label="Sidebar"
     >
-      <div className="px-3 py-4 h-full w-full overflow-y-auto bg-white dark:bg-slate-800">
+      <div
+        className="
+          px-3
+          py-4
+          h-full
+          w-full
+          overflow-y-auto
+          bg-white
+          dark:bg-slate-800
+          styled-scrollbars
+        "
+      >
         <ul className="space-y-2">
           {isSearchEnabled && (
             <CollectionSearch