diff --git a/frontend/src/pages/2Page.vue b/frontend/src/pages/2Page.vue
index b2d0542..df23320 100644
--- a/frontend/src/pages/2Page.vue
+++ b/frontend/src/pages/2Page.vue
@@ -2,29 +2,32 @@
   <div class="q-pa-md example-row-equal-width">
     <div class="row">
       <div class="col">
-        <q-input
-          outlined
-          bottom-slots
-          v-model="question"
-          label="ask a question..."
-          type="textarea"
-          autogrow
-        >
-          <template v-slot:after>
-            <q-btn dense flat icon="send" @click="MainStore.sendQA(question)" />
-          </template>
-        </q-input>
+        <q-card>
+          <q-card-section>
+              <q-input
+                outlined
+                bottom-slots
+                v-model="question"
+                label="ask a question..."
+                type="textarea"
+                autogrow
+              >
+                <template v-slot:after>
+                  <q-btn dense flat icon="send" @click="MainStore.sendQA(question)" />
+                </template>
+              </q-input>
 
-        <q-input
-          v-if="solution.length"
-          v-model="solution"
-          outlined
-          autogrow
-          type="textarea"
-          :loading="loading"
-        />
+              <q-input
+                v-if="solution.length"
+                v-model="solution"
+                outlined
+                autogrow
+                type="textarea"
+                :loading="loading"
+              />
+          </q-card-section>
+        </q-card>
       </div>
-      <div class="col"></div>
     </div>
   </div>
 </template>
@@ -32,6 +35,7 @@
 <script setup>
 import { storeToRefs } from "pinia";
 import { useMainStore } from "../stores/main-store";
+
 defineOptions({
   name: "2Page",
 });