diff --git a/src/components/TrainsView/TrainInfo.vue b/src/components/TrainsView/TrainInfo.vue
index 57adb60..7ceca4a 100644
--- a/src/components/TrainsView/TrainInfo.vue
+++ b/src/components/TrainsView/TrainInfo.vue
@@ -80,10 +80,12 @@
 
         <div class="status-badges">
           <div v-if="!train.currentStationHash" class="train-badge offline">
+            <img src="/images/icon-offline.svg" alt="" />
             {{ $t('trains.scenery-offline') }}
           </div>
 
           <div v-if="!train.online" class="train-badge offline">
+            <img src="/images/icon-offline.svg" alt="" />
             Offline {{ lastSeenMessage(train.lastSeen) }}
           </div>
         </div>
@@ -237,6 +239,10 @@ export default defineComponent({
   flex-wrap: wrap;
 
   gap: 0.25em;
+
+  img {
+    height: 15px;
+  }
 }
 
 .general-timetable {
diff --git a/src/styles/badge.scss b/src/styles/badge.scss
index 2329d38..fdad382 100644
--- a/src/styles/badge.scss
+++ b/src/styles/badge.scss
@@ -76,7 +76,11 @@
 }
 
 .train-badge {
-  padding: 0.1em 0.2em;
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+
+  padding: 0.1em 0.3em;
   border-radius: 0.2em;
   font-weight: bold;