diff --git a/hwe/ts/components/GeneralBasicCard.vue b/hwe/ts/components/GeneralBasicCard.vue
index 0d1a1e4f..169625a6 100644
--- a/hwe/ts/components/GeneralBasicCard.vue
+++ b/hwe/ts/components/GeneralBasicCard.vue
@@ -3,7 +3,7 @@
     <div
       class="general-icon"
       :style="{
-        backgroundImage: `url(${iconPath})`,
+        backgroundImage: `url('${iconPath}')`,
       }"
     ></div>
 
@@ -83,7 +83,7 @@
     <div
       class="general-crew-type-icon"
       :style="{
-        backgroundImage: `url(${imagePath}/crewtype${general.crewtype}.png)`,
+        backgroundImage: `url('${imagePath}/crewtype${general.crewtype}.png')`,
       }"
     ></div>
 
diff --git a/hwe/ts/components/GeneralLiteCard.vue b/hwe/ts/components/GeneralLiteCard.vue
index 2183b75f..d6266310 100644
--- a/hwe/ts/components/GeneralLiteCard.vue
+++ b/hwe/ts/components/GeneralLiteCard.vue
@@ -3,7 +3,7 @@
     <div
       class="general-icon"
       :style="{
-        backgroundImage: `url(${iconPath})`,
+        backgroundImage: `url('${iconPath}')`,
       }"
     ></div>
 
diff --git a/hwe/ts/components/MapCityDetail.vue b/hwe/ts/components/MapCityDetail.vue
index dd8158fa..ae275690 100644
--- a/hwe/ts/components/MapCityDetail.vue
+++ b/hwe/ts/components/MapCityDetail.vue
@@ -9,7 +9,7 @@
       v-if="city.color"
       :class="`city_bg b${city.color.substring(1)}`"
       :style="{
-        backgroundImage: `url(${imagePath}/b${city.color.substring(1).toUpperCase()}.png)`,
+        backgroundImage: `url('${imagePath}/b${city.color.substring(1).toUpperCase()}.png')`,
       }"
     ></div>
 
diff --git a/hwe/ts/components/SammoBar.vue b/hwe/ts/components/SammoBar.vue
index ec49f75a..8810dafc 100644
--- a/hwe/ts/components/SammoBar.vue
+++ b/hwe/ts/components/SammoBar.vue
@@ -18,7 +18,7 @@
         left: '0',
         width: '100%',
         height: `${props.height}px`,
-        backgroundImage: `url(${imagePath}/pr${props.height - 2}.gif)`,
+        backgroundImage: `url('${imagePath}/pr${props.height - 2}.gif')`,
         backgroundRepeat: 'repeat-x',
         backgroundPosition: 'center',
       }"
@@ -30,7 +30,7 @@
         left: '0',
         width: `${clamp(props.percent, 0, 100)}%`,
         height: `${props.height}px`,
-        backgroundImage: `url(${imagePath}/pb${props.height - 2}.gif)`,
+        backgroundImage: `url('${imagePath}/pb${props.height - 2}.gif')`,
         backgroundRepeat: 'repeat-x',
         backgroundPosition: 'left center',