diff --git a/client/src/layouts/DefaultLayout.vue b/client/src/layouts/DefaultLayout.vue
index 95266c0e..15328884 100644
--- a/client/src/layouts/DefaultLayout.vue
+++ b/client/src/layouts/DefaultLayout.vue
@@ -43,5 +43,4 @@
   @import "@/styles/_variables.scss";
   @import "@/styles/_mixins.scss";
   @import "@/styles/_default-layout.scss";
-
 </style>
diff --git a/client/src/pages/survey.vue b/client/src/pages/survey.vue
index 36007749..a02d8590 100644
--- a/client/src/pages/survey.vue
+++ b/client/src/pages/survey.vue
@@ -59,10 +59,22 @@
             if (!answer.answer) {
               return previous
             }
+            let answerText;
+            if (typeof answer.answer === 'object') {
+              // this means the answer comes from a matrix, where the keys are the labels and the values are the respective answers
+              let answerObject = answer.answer;
+              let keysAndValues = [];
+              for (let prop of Object.keys(answerObject)) {
+                  keysAndValues.push(`${prop}: ${answerObject[prop]}`);
+              }
+              answerText = keysAndValues.join(', ');
+            } else {
+              answerText = answer.answer;
+            }
             return `
             ${previous}
              <h2 class="solution-text__heading">${answer.title}</h2>
-             <p class="solution-text__answer">${answer.answer}</p>
+             <p class="solution-text__answer">${answerText}</p>
              `
           }, '')
         }