diff --git a/src/components/FAQSectionItem.vue b/src/components/FAQSectionItem.vue
index 7fb1477..05f5147 100644
--- a/src/components/FAQSectionItem.vue
+++ b/src/components/FAQSectionItem.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="column bg-grey-4 rounded-card q-px-xl q-py-md">
-    <div class="row no-wrap items-center">
+  <div class="column bg-grey-4 rounded-card q-px-xl q-pt-md">
+    <div class="row no-wrap items-center q-pb-md">
       <div class="text-h6" style="flex-grow: 2;">
         {{ $t(question) }}
       </div>
@@ -17,12 +17,12 @@
         </q-btn>
       </div>
     </div>
-
-
     <q-slide-transition>
-      <div v-show="showAnswer" class="text-body q-py-md text-grey-9">
-        {{ $t(answer) }}
-      </div>
+      <div v-if="showAnswer">
+        <div class="text-body text-grey-9 q-pb-md">
+          {{ $t(answer) }}
+        </div>
+      </div> 
     </q-slide-transition>
   
   </div>
diff --git a/src/css/app.scss b/src/css/app.scss
index 01eb502..6fdbfec 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -31,7 +31,7 @@ body, html, #q-app {
 }
 
 :root {
-  --body-width: 1440px;
+  --body-width: 1240px;
   --logo-color-bg-white: grey;
   --base-radius: 24px;
 }