diff --git a/packages/client/dev-dist/sw.js b/packages/client/dev-dist/sw.js
index 2dbca3f..b869f79 100644
--- a/packages/client/dev-dist/sw.js
+++ b/packages/client/dev-dist/sw.js
@@ -82,7 +82,7 @@ define(['./workbox-c982e567'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.bah1ak7v75o"
+    "revision": "0.iuutgq7l69o"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
diff --git a/packages/client/src/components/Layout/Hero.tsx b/packages/client/src/components/Layout/Hero.tsx
index e1a39a3..ab7120a 100644
--- a/packages/client/src/components/Layout/Hero.tsx
+++ b/packages/client/src/components/Layout/Hero.tsx
@@ -100,7 +100,7 @@ export const Hero: React.FC = () => {
               Install App
             </button>
             <dialog id="pwa-dialog" className="modal">
-              <div className="modal-box">
+              <div className="modal-box bg-white">
                 <h4 className="text-[#367D42]">Install Green Goods</h4>
                 <p>
                   {platform === "ios" ?