diff --git a/web/src/store.js b/web/src/store.js
index 14f44cd..9939552 100644
--- a/web/src/store.js
+++ b/web/src/store.js
@@ -207,7 +207,7 @@ const store = createStore({
             state.messageTemplates = templates;
         },
         setMessageTemplateVariables(state, variables) {
-            state.messageTemplatesVariables = variables;
+            state.messageTemplateVariables = variables;
         },
     },
     actions: {
diff --git a/web/src/views/admin/Settings.vue b/web/src/views/admin/Settings.vue
index c945dd1..2f65acf 100644
--- a/web/src/views/admin/Settings.vue
+++ b/web/src/views/admin/Settings.vue
@@ -2,13 +2,14 @@
     <h3 class="text-center">Message Templates</h3>
     <ul>
         <li v-for="template in messageTemplates" :key="template.id">
-            {{ template.name }}
+            {{ template.name }}<br>
+            <p>{{ template.message }}</p>
         </li>
     </ul>
     <h3 class="text-center">Message Template Variables</h3>
     <ul>
-        <li v-for="variable in messageTemplateVariables" :key="variable.id">
-            {{ variable.name }}
+        <li v-for="(variable, key) in messageTemplateVariables" :key="key">
+            {{ variable }}
         </li>
     </ul>
 </template>