From 3a826953d1dc72dd56f4ab83f8c687fe5bf36a7c Mon Sep 17 00:00:00 2001
From: ChinmayeeMestry <chinmayee.mestry@contentstack.com>
Date: Fri, 9 Jan 2026 12:04:27 +0530
Subject: [PATCH] resolved css issue

---
 app/root.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/root.tsx b/app/root.tsx
index a931814..5aa0814 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -18,8 +18,9 @@ import {
 } from '@remix-run/react';
 import type {CustomerAccessToken} from '@shopify/hydrogen/storefront-api-types';
 import favicon from '../public/favicon.svg';
-import resetStyles from './styles/reset.css';
-import appStyles from './styles/app.css';
+import './styles/reset.css';
+import './styles/app.css';
+
 import {Layout} from '~/components/Layout';
 
 /**
@@ -45,8 +46,8 @@ export const shouldRevalidate: ShouldRevalidateFunction = ({
 
 export function links() {
   return [
-    {rel: 'stylesheet', href: resetStyles},
-    {rel: 'stylesheet', href: appStyles},
+    { rel: 'stylesheet', href: '/app/styles/reset.css' },
+    { rel: 'stylesheet', href: '/app/styles/app.css' },
     {
       rel: 'preconnect',
       href: 'https://cdn.shopify.com',
@@ -55,10 +56,11 @@ export function links() {
       rel: 'preconnect',
       href: 'https://shop.app',
     },
-    {rel: 'icon', type: 'image/svg+xml', href: favicon},
+    { rel: 'icon', type: 'image/svg+xml', href: favicon },
   ];
 }
 
+
 export const useRootLoaderData = () => {
   const [root] = useMatches();
   return root?.data as SerializeFrom<typeof loader>;