diff --git a/src/metric.vue b/src/metric.vue
index c1c8355..934b545 100644
--- a/src/metric.vue
+++ b/src/metric.vue
@@ -13,7 +13,7 @@
         </b-row>
 
         <b-card-text>
-          {{ metric.description }}
+          {{ description }}
         </b-card-text>
 
         <graph :metric="metric" v-if="!metric.config.hide_mad"></graph>
@@ -46,6 +46,12 @@ export default {
   name: 'metric',
   props: ['metric'],
 
+  computed: {
+    description() {
+      return this.metric.description.replace(new RegExp(/\n/, 'g'), '<br>')
+    },
+  },
+
   components: { graph, historyBar },
 
   methods: {