diff --git a/apps/web/pages/_app.jsx b/apps/web/pages/_app.jsx
index f16c4ff..34b461e 100644
--- a/apps/web/pages/_app.jsx
+++ b/apps/web/pages/_app.jsx
@@ -8,6 +8,7 @@ import initializeApollo from '@/apollo/client';
 import { Loading, Notification } from '@/Components/Common';
 import Layout from '@/Components/Layout';
 import { theme } from '@/config/ui';
+import { withBasePath } from '@/config/urls';
 import { usePageLoading } from '@/hooks';
 import StoreProvider from '@/stores/Provider';
 import getColors from '@/styles/colors';
@@ -37,7 +38,7 @@ function App({ Component, pageProps }) {
     if ('serviceWorker' in navigator) {
       window.addEventListener('load', () => {
         navigator.serviceWorker
-          .register('/service-worker.js')
+          .register(withBasePath('/service-worker.js'))
           .then((registration) => {
             console.log('Service Worker registered:', registration);
           })