diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 86b202e..40a7c15 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -8,7 +8,6 @@
       "name": "shopdb-frontend",
       "version": "0.7.0",
       "dependencies": {
-        "@fontsource-variable/archivo": "^5.3.0",
         "@fontsource-variable/inter": "^5.2.8",
         "@fullcalendar/core": "^6.1.20",
         "@fullcalendar/daygrid": "^6.1.20",
@@ -650,14 +649,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/@fontsource-variable/archivo": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/@fontsource-variable/archivo/-/archivo-5.3.0.tgz",
-      "integrity": "sha512-HogK8FJelrD1o7TlZlkIVtHgc20bO5PZRWE7mUeUTdMN055alznQV6/00J00IBeu8FQAH4s3zW9UJNvKExXf+g==",
-      "funding": {
-        "url": "https://github.com/sponsors/ayuhito"
-      }
-    },
     "node_modules/@fontsource-variable/inter": {
       "version": "5.2.8",
       "resolved": "https://registry.npmjs.org/@fontsource-variable/inter/-/inter-5.2.8.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index f72363a..49b9aca 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -15,7 +15,6 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@fontsource-variable/archivo": "^5.3.0",
     "@fontsource-variable/inter": "^5.2.8",
     "@fullcalendar/core": "^6.1.20",
     "@fullcalendar/daygrid": "^6.1.20",
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 5d0bf1b..739dcfe 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -5,9 +5,6 @@ import App from './App.vue'
 
 // Locally-bundled Inter (air-gap safe, no Google Fonts fetch)
 import '@fontsource-variable/inter'
-// Archivo: display/signage font used on the shopfloor dashboard for
-// distance readability on TVs (air-gap safe, bundled).
-import '@fontsource-variable/archivo'
 
 // Initialize theme on app load
 import './stores/theme'
diff --git a/frontend/src/views/ShopfloorDashboard.vue b/frontend/src/views/ShopfloorDashboard.vue
index 1069a6a..2494348 100644
--- a/frontend/src/views/ShopfloorDashboard.vue
+++ b/frontend/src/views/ShopfloorDashboard.vue
@@ -448,7 +448,7 @@ function handlePhotoError(e) {
   position: relative;
   background: #00003d;
   color: #fff;
-  font-family: 'Archivo Variable', 'Inter Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  font-family: Verdana, Geneva, Tahoma, 'Inter Variable', sans-serif;
   overflow: hidden;
 }
 
@@ -730,12 +730,14 @@ function handlePhotoError(e) {
 }
 
 .event-card {
+  position: relative;
+  overflow: hidden;
   display: flex;
   align-items: center;
   background: #fff;
   color: #00003d;
   border-radius: 8px;
-  padding: 15px 20px;
+  padding: 15px 20px 15px 30px;
   gap: 15px;
 }
 
@@ -745,9 +747,12 @@ function handlePhotoError(e) {
 }
 
 .event-indicator {
-  width: 8px;
-  height: 60px;
-  border-radius: 4px;
+  /* Type color spanning the whole left edge of the card (old-site style). */
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 12px;
   flex-shrink: 0;
 }