Next.js Discord

Discord Forum

Empty Space bellow the content of my page

Unanswered
Sun bear posted this in #help-forum
Open in Discord
Sun bearOP
I'd like to know what causes this empty space bellow the content on my page ? It looks like there's nothing there and my page isn't supposed to be scrollable (unless stuff is overflowing) but because of this it is.

My root layout.tsx looks like this:
import { Providers } from '../components/providers'
import './globals.css'

export const metadata = {
  title: 'Create Next App',
  description: 'Generated by create next app',
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <body>
        <Providers>
          <main className="min-h-screen bg-background flex flex-col items-center">
            {children}
          </main>
        </Providers>
      </body>
    </html>
  )
}

The page in question looks like this:
'use client';

import JobSeekerSidebar from '../../components/JobSeekerSidebar';
import TopNavigationBar from '../../components/TopNavigationBar';

export default function TestPage() {
    return (
        <div className="flex flex-col w-full">
            <TopNavigationBar />

            <div className="flex flex-1 mt-6">
                <div className="ml-6">
                    <JobSeekerSidebar />
                </div>
            </div>
        </div>
    );
}

Any help would be appreciated.

1 Reply

Sun bearOP
Solved!