diff --git a/public/images/icon-192.png b/public/images/icon-192.png
new file mode 100644
index 000000000..b1f6f73c2
Binary files /dev/null and b/public/images/icon-192.png differ
diff --git a/public/images/icon-256.png b/public/images/icon-256.png
deleted file mode 100644
index df8464e3f..000000000
Binary files a/public/images/icon-256.png and /dev/null differ
diff --git a/public/images/icon-512.png b/public/images/icon-512.png
index 8c01167bb..825d6cb34 100644
Binary files a/public/images/icon-512.png and b/public/images/icon-512.png differ
diff --git a/vite.config.ts b/vite.config.ts
index be9333b34..f186f6384 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -115,8 +115,8 @@ export default () =>
           short_name: "Outline",
           theme_color: "#fff",
           background_color: "#fff",
-          start_url: "/",
-          scope: "/",
+          start_url: process.env.URL ?? "/",
+          scope: process.env.URL ?? "/",
           display: "standalone",
           // For Chrome, you must provide at least a 192x192 pixel icon, and a 512x512 pixel icon.
           // If only those two icon sizes are provided, Chrome will automatically scale the icons
@@ -124,7 +124,7 @@ export default () =>
           // pixel-perfection, provide icons in increments of 48dp.
           icons: [
             {
-              src: "/static/images/icon-512.png",
+              src: "/static/images/icon-192.png",
               sizes: "192x192",
               type: "image/png",
             },