diff --git a/components/i/Create.vue b/components/i/Create.vue
index c57cc190a4a8b8fab65897ca063d49399ba74740..15c5ffb8437ed442d0cb4da06a234f110b633d5c 100644
--- a/components/i/Create.vue
+++ b/components/i/Create.vue
@@ -1,25 +1,28 @@
 <template>
-    <div class="max-w-screen-sm w-full flex flex-col space-y-4 p-6">
-        <UTextarea
-            v-model="query"
-            autoresize
-            placeholder="输入搜索内容..."
-            :rows="5"
-        />
-        <div class="flex justify-between">
-            <USelectMenu
-                class="min-w-40"
-                v-model="selectedRepo"
-                :options="repos"
-                placeholder="选择 GitHub 项目"
-                searchable
+    <div class="max-w-screen-md w-full flex flex-col space-y-4 p-6">
+        <UCard :ui="{ body: { padding: 'p-4 sm:p-4' } }">
+            <UTextarea
+                v-model="query"
+                autoresize
+                placeholder="输入搜索内容..."
+                :rows="5"
+                variant="none"
+                :padded="false"
             />
-            <UButton
-                trailing-icon="i-heroicons-chevron-right-20-solid"
-                @click="handleSearch"
-                :disabled="loading"
-            >搜索</UButton>
-        </div>
+            <div class="flex justify-between">
+                <USelectMenu
+                    v-model="selectedRepo"
+                    :options="repos"
+                    placeholder="选择 GitHub 项目"
+                    searchable
+                />
+                <UButton
+                    trailing-icon="i-heroicons-chevron-right-20-solid"
+                    @click="handleSearch"
+                    :disabled="loading"
+                >搜索</UButton>
+            </div>
+        </UCard>
     </div>
 </template>
 <script setup>