fix: scrollbar for safari (#224)

src/discussions/discussions-home/DiscussionSidebar.jsx

@@ -18,7 +18,7 @@ export default function DiscussionSidebar({ displaySidebar }) {
     <div
       className={classNames('flex-column', {
         'd-none': !displaySidebar,
-        'd-flex w-25 w-xs-100 w-lg-25 overflow-auto h-100': displaySidebar,
+        'd-flex w-25 w-xs-100 w-lg-25 h-100 overflow-auto': displaySidebar,
       })}
       style={{ minWidth: '29rem' }}
       data-testid="sidebar"

src/discussions/discussions-home/DiscussionsHome.jsx

@@ -84,7 +84,7 @@ export default function DiscussionsHome() {
           path={[Routes.POSTS.PATH, Routes.TOPICS.CATEGORY]}
           component={provider === DiscussionProvider.LEGACY ? LegacyBreadcrumbMenu : BreadcrumbMenu}
         />
-        <div className="d-flex flex-row overflow-hidden flex-grow-1">
+        <div className="d-flex flex-row overflow-hidden flex-grow-1 h-100">
           <DiscussionSidebar displaySidebar={displaySidebar} />
           {displayContentArea && <DiscussionContent />}
           {!displayContentArea && (