diff --git a/app/layout.tsx b/app/layout.tsx
index 0e3d497..89e8b01 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,6 +2,8 @@
 "use client";
 import { fontSans } from "@/config/fonts";
 import { siteConfig } from "@/config/site";
+import { Inter } from "next/font/google";
+
 import "@/styles/globals.css";
 import clsx from "clsx";
 import { Metadata } from "next";
@@ -10,6 +12,7 @@ import LoadScript from "@/utils/global";
 import { NextIntlClientProvider } from "next-intl";
 import { useEffect, useState, type ReactNode } from "react";
 import storedLanguage from "@/store/language-store";
+const inter = Inter({ subsets: ["latin"] });
 
 // export const metadata: Metadata = {
 //   title: {
@@ -63,10 +66,7 @@ export default function RootLayout({ children }: { children: ReactNode }) {
         <LoadScript />
       </head>
       <body
-        className={clsx(
-          "bg-background font-sans antialiased",
-          fontSans.variable
-        )}
+        className={clsx("bg-background font-sans antialiased", inter.className)}
       >
         <NextIntlClientProvider locale={localeNow} messages={messages}>
           <Providers themeProps={{ attribute: "class", defaultTheme: "dark" }}>
