diff --git a/app/root.tsx b/app/root.tsx
index 614f807..d2e31b7 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -9,10 +9,11 @@ import {
 } from "@remix-run/react";
 import Header from "@/components/LayoutHeader"; // Adjust the import path as needed
 import Footer from "@/components/LayoutFooter"; // Adjust the import path as needed
-import globalStyles from "../styles/global.scss?url";
+import "../styles/global.scss";
+import { cssBundleHref } from "@remix-run/css-bundle"; // Adjust the import path as needed
 
 export const links: LinksFunction = () => [
-  { rel: "stylesheet", href: globalStyles },
+  ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),
   // Add your Google font links here
   // Example: { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400&display=swap" },
   // Example: { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Jaldi:wght@400&display=swap" },