I'm seeing an issue where my footer is shown right underneath the header element, the content comes after that, Does anyone know what might be the reason this is happening?
app.vue
<template>
<div>
<NuxtLoadingIndicator
:height="4"
color="repeating-linear-gradient(to right,#903A19 0%, #CD9671 100%)"
/>
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
</div>
</template>
layouts/default.vue
<template>
<div>
<LayoutHeader />
<slot />
<LayoutFooter />
</div>
</template>