diff --git a/src/layouts/components/NavbarSearch.vue b/src/layouts/components/NavbarSearch.vue
index cc77263a91..9757f25f52 100644
--- a/src/layouts/components/NavbarSearch.vue
+++ b/src/layouts/components/NavbarSearch.vue
@@ -18,10 +18,12 @@ function openSearchModal() {
   searchModalShow.value = true;
 }
 
-function preventClick(event: any) {
-  event.preventDefault();
+function stopClick(event: Event) {
   event.stopPropagation();
 }
+function selectValue(event: Event) {
+  (event.currentTarget as HTMLInputElement).select();
+}
 function confirm() {
   errorMessage.value = '';
   const key = searchQuery.value;
@@ -71,7 +73,7 @@ function confirm() {
       class="cursor-pointer modal !pointer-events-auto !opacity-100 !visible"
       @click="closeSearchModal"
     >
-      <div class="relative modal-box cursor-default" @click="(event) => preventClick(event)">
+      <form class="relative modal-box cursor-default" @click="stopClick" @submit.prevent="confirm">
         <!-- header -->
         <div class="flex items-center justify-between">
           <div class="text-lg font-bold flex flex-col md:!flex-row justify-between items-baseline">
@@ -89,6 +91,8 @@ function confirm() {
               class="input flex-1 w-full !input-bordered"
               v-model="searchQuery"
               placeholder="Height/Transaction/Account Address"
+              @focus="selectValue"
+              @click="selectValue"
             />
             <div class="mt-2 text-right text-sm text-error" v-show="errorMessage">
               {{ errorMessage }}
@@ -97,9 +101,9 @@ function confirm() {
         </div>
         <!-- foot -->
         <div class="mt-6">
-          <button class="w-full btn btn-primary" @click="confirm">Confirm</button>
+          <button type="submit" class="w-full btn btn-primary">Confirm</button>
         </div>
-      </div>
+      </form>
     </div>
   </div>
 </template>