diff --git a/frontend/src/views/TimeRecordItem.vue b/frontend/src/views/TimeRecordItem.vue
index 970f0bd..7833fe5 100644
--- a/frontend/src/views/TimeRecordItem.vue
+++ b/frontend/src/views/TimeRecordItem.vue
@@ -6,10 +6,9 @@
         <v-row no-gutters align="center">
           <v-col cols="2">
             <v-card color="background" elevation="0">
-              <pre>
-                <v-icon color="green" v-bind:class="{'d-none':timeRecord.type == 'BREAK'}">mdi-currency-usd</v-icon>
-                <v-icon color="red" v-bind:class="{'d-none':timeRecord.type == 'PAID'}">mdi-currency-usd-off</v-icon>{{" " + timeRecord.type}}
-              </pre>
+              <v-icon color="green" v-if="timeRecord.type === 'PAID'">mdi-currency-usd</v-icon>
+              <v-icon color="red" v-if="timeRecord.type === 'BREAK'">mdi-currency-usd-off</v-icon>
+              {{timeRecord.type}}
             </v-card>
           </v-col>
           <v-col></v-col>