diff --git a/pages/search/[id].vue b/pages/search/[id].vue
index 7d001e656db048b54a15f8b3a1744ab2afafe2ac..e119c996369ad127f0cf56fcc593939e63f2853d 100644
--- a/pages/search/[id].vue
+++ b/pages/search/[id].vue
@@ -23,13 +23,17 @@
             <UDivider />
         </header>
         <div class="container max-w-screen-lg flex flex-col space-y-6 mb-4 p-6" id="scrollElement">
-            <h1 class="text-3xl truncate">{{ state.query }}</h1>
+            <div class="grid">
+                <h1 class="text-3xl truncate">{{ state.query }}</h1>
+            </div>
             <section class="flex items-center gap-2">
                 <UIcon name="i-simple-icons-github" />
                 {{ state.repo }}
             </section>
             <template v-for="(item, index) in data" :key="index">
-                <h1 class="text-3xl truncate" v-if="index !== 0" :id="index + 1">{{ item.question }}</h1>
+                <div class="grid">
+                    <h1 class="text-3xl truncate" v-if="index !== 0" :id="index + 1">{{ item.question }}</h1>
+                </div>
                 <UCard :ui="{ body: { padding: 'p-4 sm:p-4' } }">
                     <UAccordion :items="[{}]" default-open>
                         <template #default="{ open }">