diff --git a/web/src/views/admin/Settings.vue b/web/src/views/admin/Settings.vue
index 2f65acf..b395931 100644
--- a/web/src/views/admin/Settings.vue
+++ b/web/src/views/admin/Settings.vue
@@ -3,7 +3,7 @@
     <ul>
         <li v-for="template in messageTemplates" :key="template.id">
             {{ template.name }}<br>
-            <p>{{ template.message }}</p>
+            <pre>{{ template.message }}</pre>
         </li>
     </ul>
     <h3 class="text-center">Message Template Variables</h3>
@@ -31,5 +31,9 @@ export default {
 </script>
 
 <style scoped>
-
+pre {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    color: inherit;
+}
 </style>
\ No newline at end of file