diff --git a/apps/dashboard/src/components/theme-provider.tsx b/apps/dashboard/src/components/theme-provider.tsx
index 08c7e516a9..5c596f24a9 100644
--- a/apps/dashboard/src/components/theme-provider.tsx
+++ b/apps/dashboard/src/components/theme-provider.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import { ThemeProvider as NextThemesProvider } from "next-themes";
-import { type ThemeProviderProps } from "next-themes/dist/types";
 import * as React from "react";
+type ThemeProviderProps = Parameters<typeof NextThemesProvider>[0];
 
 export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
   return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
diff --git a/apps/website/src/app/layout.tsx b/apps/website/src/app/layout.tsx
index 4b1092ba7e..ee9c6d9900 100644
--- a/apps/website/src/app/layout.tsx
+++ b/apps/website/src/app/layout.tsx
@@ -23,7 +23,7 @@ export const metadata: Metadata = {
 
 export default function Layout({ children }: { children: ReactElement }) {
   return (
-    <html lang="en" className="dark whitespace-pre-line">
+    <html lang="en" className="whitespace-pre-line" suppressHydrationWarning>
       <body className={cn(fontSans.variable, "bg-background")}>
         <ThemeProvider
           attribute="class"
diff --git a/apps/website/src/components/startpage.tsx b/apps/website/src/components/startpage.tsx
index b398783167..b38cce4356 100644
--- a/apps/website/src/components/startpage.tsx
+++ b/apps/website/src/components/startpage.tsx
@@ -45,7 +45,7 @@ export function StartPage() {
   const [isSubmitted, setSubmitted] = useState(false);
 
   return (
-    <div className="h-screen relative min-h-[770px] md:min-h-[1180px]">
+    <div className="h-screen relative min-h-[770px] dark:min-h-[1040px] md:min-h-[1180px] dark:md:min-h-[1180px]">
       <Header />
       <div className="px-5 lg:px-10">
         <div className="text-center mt-16 md:mt-20">
diff --git a/apps/website/src/components/theme-provider.tsx b/apps/website/src/components/theme-provider.tsx
index 08c7e516a9..5c596f24a9 100644
--- a/apps/website/src/components/theme-provider.tsx
+++ b/apps/website/src/components/theme-provider.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import { ThemeProvider as NextThemesProvider } from "next-themes";
-import { type ThemeProviderProps } from "next-themes/dist/types";
 import * as React from "react";
+type ThemeProviderProps = Parameters<typeof NextThemesProvider>[0];
 
 export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
   return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
