в nextjs двигается RootLayout вместе с текстом

у меня маленький сайт в nextjs есть RootLayout и там у меня цвет заднего фона и вверху такая полоска div на каторой размещены кнопки для перемещения по страницам , я начал делать главную страницу разместил там тег h1 и когда загружаю страницу у меня h1 находится выше чем layout ,а мне надо чтобы он был ниже ,если я пишу margin-top то у меня вместо текста двигается полоска layout еще ниже