diff --git a/web/src/store.js b/web/src/store.js
index e248b3d..005771d 100644
--- a/web/src/store.js
+++ b/web/src/store.js
@@ -221,7 +221,7 @@ const store = createStore({
             state.messageTemplates = templates;
         },
         setMessageTemplateVariables(state, variables) {
-            state.messageTemplatesVariables = variables;
+            state.messageTemplateVariables = variables;
         },
         setShippingVouchers(state, codes) {
             state.shippingVouchers = codes;
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>