diff --git a/components/layout/Layout.tsx b/components/layout/Layout.tsx
index f7ed8782d7c5..dda67e77fd40 100644
--- a/components/layout/Layout.tsx
+++ b/components/layout/Layout.tsx
@@ -58,5 +58,5 @@ export default function Layout({ children }: ILayoutProps): React.JSX.Element {
     return <GenericPostLayout post={post as unknown as IPosts['blog'][number]}>{children}</GenericPostLayout>;
   }
 
-  return <div className='min-h-screen bg-white dark:bg-dark-background transition-colors duration-300'>{children}</div>;
+  return <div className='flex-1 bg-white dark:bg-dark-background transition-colors duration-300'>{children}</div>;
 }
diff --git a/components/navigation/FilterDropdown.tsx b/components/navigation/FilterDropdown.tsx
index dde325dc5690..3b5cab103dcd 100644
--- a/components/navigation/FilterDropdown.tsx
+++ b/components/navigation/FilterDropdown.tsx
@@ -67,7 +67,7 @@ export default function FilterDropdown({ className = '', onChange, options, sele
         <div
           id={listboxId}
           data-testid='FilterDropdown-options'
-          className='absolute left-0 z-50 mt-1 max-h-72 min-w-full overflow-y-auto rounded-md border border-gray-300 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-dark-card md:min-w-64'
+          className='absolute left-0 z-40 mt-1 max-h-72 min-w-full overflow-y-auto rounded-md border border-gray-300 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-dark-card md:min-w-64'
         >
           {options.map((option) => {
             const isSelected = option.value === selected;