chore: fix gap between breadcrumbs and content

#2262: fix extra space in between Breadcrumb and Content
rupali-codes · Feb 18, 2024 · 6d4f6ca · 6d4f6ca
2 parents 31505a2 + 32b41fb
commit 6d4f6ca
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/layouts/GeneralLayout.tsx b/layouts/GeneralLayout.tsx
@@ -31,14 +31,14 @@ const GeneralLayout = ({ children }: { children: ReactNode }) => {
         <main
           data-custom="restrict-click-outside"
           className={clsx(
-            'flex flex-col justify-between min-h-full px-4 pb-2 md:ml-[290px] lg:w-[calc(100%-290px)]',
+            'flex flex-col min-h-full px-4 pb-2 md:ml-[290px] lg:w-[calc(100%-290px)]',
 
             pathname != '/' && ' transition-color ease-in-out duration-200',
             'bg-theme-primary-light dark:bg-inherit'
           )}
           id="main"
         >
-          {children}
+          <div className="flex-grow">{children}</div>
           <Footer />
           <MobileBottomNav />
         </main>