diff --git a/website/solv-epics-dev/src/app/[locale]/layout.tsx b/website/solv-epics-dev/src/app/[locale]/layout.tsx
index a5bde3c7..12046ed8 100644
--- a/website/solv-epics-dev/src/app/[locale]/layout.tsx
+++ b/website/solv-epics-dev/src/app/[locale]/layout.tsx
@@ -42,7 +42,11 @@ export default async function LocaleLayout({
         className={cn(`${inter.variable} ${notoSansJP.variable}`)}
         suppressHydrationWarning
       >
-        <ThemeProvider attribute="class" defaultTheme="dark">
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="dark"
+          enableSystem={false}
+        >
           <NextIntlClientProvider messages={messages}>
             {children}
             <Toaster />
diff --git a/website/solv-epics-dev/src/components/config/ModeToggle.tsx b/website/solv-epics-dev/src/components/config/ModeToggle.tsx
index 507dfb67..f5e84d50 100644
--- a/website/solv-epics-dev/src/components/config/ModeToggle.tsx
+++ b/website/solv-epics-dev/src/components/config/ModeToggle.tsx
@@ -39,9 +39,6 @@ export function ModeToggle() {
         <DropdownMenuItem onClick={() => setTheme('dark')}>
           {t('common.darkMode')}
         </DropdownMenuItem>
-        <DropdownMenuItem onClick={() => setTheme('system')}>
-          {t('common.systemMode')}
-        </DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>
   )
diff --git a/website/solv-epics-dev/src/hooks/utils/useShowHeader.tsx b/website/solv-epics-dev/src/hooks/utils/useShowHeader.tsx
index 51642599..a1b77a66 100644
--- a/website/solv-epics-dev/src/hooks/utils/useShowHeader.tsx
+++ b/website/solv-epics-dev/src/hooks/utils/useShowHeader.tsx
@@ -14,7 +14,7 @@ export function useShowHeader({ defaultShowHeader = true }: Props = {}) {
     const handleScroll = () => {
       const currentScrollY = window.scrollY
 
-      if (currentScrollY < lastScrollY) {
+      if (currentScrollY < 80 || currentScrollY < lastScrollY) {
         setShowHeader(true)
       } else {
         setShowHeader(false)