From 616e5c95162925c454abc793386b76ba657ad1c3 Mon Sep 17 00:00:00 2001
From: ShareVB <sharevb@gmail.com>
Date: Sat, 14 Sep 2024 14:01:02 +0200
Subject: [PATCH] fix: ui refactor

---
 src/tools/timezone-converter/timezone-converter.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/tools/timezone-converter/timezone-converter.vue b/src/tools/timezone-converter/timezone-converter.vue
index 2528c926..ba11a7f9 100644
--- a/src/tools/timezone-converter/timezone-converter.vue
+++ b/src/tools/timezone-converter/timezone-converter.vue
@@ -66,12 +66,9 @@ const countryToTimezonesOutput = computed(() => ctz.getTimezonesForCountry(count
       />
 
       <n-space justify="space-evenly">
-        <c-input-text
-          label="Current Timezone Offset"
-          label-position="left"
-          :value="currentTimezoneOffset"
-          readonly
-        />
+        <n-form-item label="Current Timezone Offset:" label-placement="left">
+          <n-input :value="currentTimezoneOffset" readonly style="width:5em" />
+        </n-form-item>
         <n-form-item label="Use 24 hour time format" label-placement="left">
           <n-switch v-model:value="use24HourTimeFormat" />
         </n-form-item>