src/features/core/components/header.tsx

@@ -2,11 +2,7 @@ import { Title, AppShell, Flex } from "@mantine/core";
 import { HeaderConfig } from "../types/header-config";
 import BackButton from "./back-button";
 
-interface HeaderProps extends HeaderConfig {
-  elevated?: boolean;
-}
-
-const Header = ({ collapsed, title, withBackButton, elevated }: HeaderProps) => {
+const Header = ({ collapsed, title, withBackButton }: HeaderConfig) => {
   return (
     <AppShell.Header
       id='app-header'
@@ -15,7 +11,6 @@ const Header = ({ collapsed, title, withBackButton, elevated }: HeaderProps) =>
       style={{
         alignItems: 'center',
         justifyContent: 'center',
-        borderBottom: `1px solid ${elevated ? 'var(--app-shell-border-color, var(--mantine-color-default-border))' : 'transparent'}`,
         transition: 'border-color 200ms ease-out',
       }}
     >

src/features/core/components/layout.tsx

@@ -36,7 +36,7 @@ const Layout: React.FC<PropsWithChildren> = ({ children }) => {
         // top: viewport.top
       }}
     >
-      <Header {...header} elevated={scrollPosition.y > 2} />
+      <Header {...header} />
       <AppShell.Main
         pos='relative'
         h='100%'