diff --git a/src/pages/Item/ItemCreate.vue b/src/pages/Item/ItemCreate.vue
index 6f2a2f77d..18e7522cb 100644
--- a/src/pages/Item/ItemCreate.vue
+++ b/src/pages/Item/ItemCreate.vue
@@ -117,16 +117,18 @@ onBeforeMount(async () => {
                         hide-selected
                     >
                         <template #option="scope">
-                            <QItem v-bind="scope.itemProps">
-                                <QItemSection style="max-width: 20%">
-                                    <QItemLabel>
+                            <QItem class="column" v-bind="scope.itemProps">
+                                <QItemLabel class="row">
+                                    <span style="width: 3em">
                                         {{ scope.opt?.code }}
-                                    </QItemLabel>
-                                    <QItemLabel caption>
-                                        {{ scope.opt?.category?.name }}
-                                    </QItemLabel>
-                                </QItemSection>
-                                <QItemSection>{{ scope.opt?.name }}</QItemSection>
+                                    </span>
+                                    <span>
+                                        {{ scope.opt?.name }}
+                                    </span>
+                                </QItemLabel>
+                                <QItemLabel v-if="scope.opt?.category" caption>
+                                    {{ scope.opt?.category?.name }}
+                                </QItemLabel>
                             </QItem>
                         </template>
                     </VnSelectFilter>