diff --git a/src/components/CarDetail.vue b/src/components/CarDetail.vue
index 983bd91..bb0777c 100644
--- a/src/components/CarDetail.vue
+++ b/src/components/CarDetail.vue
@@ -7,17 +7,14 @@ import { VaChip } from 'vuestic-ui';
 const props = defineProps<{ car: ReturnType<typeof getType> }>();
 
 const details = computed(() => (props.car ? trams.find((t) => t.id === props.car!.id) : undefined));
+
+const baseUrl = import.meta.env.BASE || '/';
 </script>
 
 <template>
   <div class="grid grid-cols-2 gap-2">
     <p>Lackierung</p>
-    <img
-      v-if="details?.img"
-      class="h-[30px]"
-      :src="`${import.meta.env.BASE || '/'}${details?.img}`"
-      :alt="car?.type"
-    />
+    <img v-if="details?.img" class="h-[30px]" :src="`${baseUrl}${details?.img}`" :alt="car?.type" />
     <span v-else class="h-[30px]"></span>
     <p>Fahrzeug-Nr.</p>
     <p>{{ car?.id }}</p>
diff --git a/vite.config.ts b/vite.config.ts
index 28622f3..3d09510 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -20,7 +20,7 @@ export default defineConfig({
       registerType: 'prompt',
       includeAssets: '**/*',
       workbox: {
-        globPatterns: ['**/*.{js,css,html,png,ico,woff,woff2,gif,webp}']
+        globPatterns: ['**/*.{js,css,html,png,ico,woff,woff2,gif,webp,jpg}']
       },
       manifest: {
         name: 'TramTrack!',