Scrollbar fixes

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}

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
           `,
         },
       }}

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}

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' }}
               >

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