diff --git a/app/layout.tsx b/app/layout.tsx
index e116006..72e1582 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -46,7 +46,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en-US" suppressHydrationWarning>
       <body className={`antialiased ${poppins.className}`}>
         <ThemeProvider
           attribute="class"
diff --git a/pages/_document.tsx b/pages/_document.tsx
new file mode 100644
index 0000000..da3120b
--- /dev/null
+++ b/pages/_document.tsx
@@ -0,0 +1,13 @@
+import { Html, Head, Main, NextScript } from "next/document";
+
+export default function Document() {
+  return (
+    <Html lang="en-US">
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  );
+}
