diff --git a/src/components/transactions/TransactionCreateUpdate.vue b/src/components/transactions/TransactionCreateUpdate.vue
index fae9491..6817768 100644
--- a/src/components/transactions/TransactionCreateUpdate.vue
+++ b/src/components/transactions/TransactionCreateUpdate.vue
@@ -305,9 +305,9 @@ onMounted(async () => {
 
            :style="tgApp ? `padding-top: ${insetTop}px !important` : 'padding-top: 2rem !important'">
         <div class="flex flex-col w-full max-w-md !h-dvh !pb-20">
-
-          <input class="card p-2 rounded-xl border border-gray-100  w-full" placeholder="Search categories" v-model="categorySearchQuery">
-
+          <div class="card w-full">
+          <input class=" p-2 rounded-xl border border-gray-100  w-full" placeholder="Search categories" v-model="categorySearchQuery">
+          </div>
           <div v-if="incomeCategories.length > 0" class="flex flex-col w-full">
             <span>Income categories</span>
             <div class="flex card justify-items-start justify-start h-fit">