diff --git a/frontend/src/v2/components/shared/GameCover.vue b/frontend/src/v2/components/shared/GameCover.vue
index fc13c41ff..12b75330d 100644
--- a/frontend/src/v2/components/shared/GameCover.vue
+++ b/frontend/src/v2/components/shared/GameCover.vue
@@ -358,9 +358,10 @@ defineExpose({
 .game-cover__video {
   position: absolute;
   top: 0.75rem;
-  left: 0.35rem;
+  left: 0.3rem;
   width: 97%;
-  object-fit: contain;
+  aspect-ratio: 745 / 550;
+  object-fit: cover;
   opacity: 0;
   transition: opacity 0.35s ease;
   pointer-events: none;
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index ff251e06b..a53643984 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -67,6 +67,10 @@ export default defineConfig(({ mode }) => {
   const backendPort = env.DEV_PORT ?? "5000";
   // const devMode = env.DEV_MODE === "true";
   const httpsMode = env.DEV_HTTPS === "true";
+  // The PWA service worker intercepts dev requests and forces full page
+  // reloads on edits (CSS included), defeating HMR. Keep it off in dev unless
+  // explicitly testing the PWA (DEV_PWA=true).
+  const pwaDevEnabled = env.DEV_PWA === "true";
 
   return {
     optimizeDeps: {
@@ -96,7 +100,7 @@ export default defineConfig(({ mode }) => {
           ],
         },
         devOptions: {
-          enabled: true,
+          enabled: pwaDevEnabled,
           type: "module",
         },
       }),