diff --git a/pages/tools/aid-converter.vue b/pages/tools/aid-converter.vue
index b69b6e25..89acda5e 100644
--- a/pages/tools/aid-converter.vue
+++ b/pages/tools/aid-converter.vue
@@ -3,7 +3,7 @@
         <h1 class='text-2xl lg:text-3xl font-bold mb-4'>
             {{ $t('_aidConverter.title') }}
         </h1>
-        <div class="grid grid-cols-2 gap-8 mx-auto max-w-lg mb-4">
+        <div class="grid grid-cols-2 gap-2 md:gap-8 mx-auto max-w-lg mb-4">
             <button :class="['rounded-full py-2 hover:bg-accent-600/60', {'bg-accent-600/40': (tab === 'aidToDate')}]" @click="tab = 'aidToDate'">{{ $t('_aidConverter.aidToDate') }}</button>
             <button :class="['rounded-full py-2 hover:bg-accent-600/60', {'bg-accent-600/40': (tab === 'dateToAid')}]" @click="tab = 'dateToAid'">{{ $t('_aidConverter.aidToDate') }}</button>
         </div>
@@ -11,7 +11,7 @@
             <label class="mb-1" for="aidToDateAid">aid / aidx</label>
             <input class="form-control" id="aidToDateAid" v-model="aidToDateAid" />
             <div class="my-2">
-                <button class="btn btn-primary" @click="doAidToDate()">{{ $t('_aidConverter.aidToDate') }}</button>
+                <button class="btn btn-primary !text-white" @click="doAidToDate()">{{ $t('_aidConverter.aidToDate') }}</button>
             </div>
             <div class="mb-2 p-4 rounded-lg border bg-white dark:bg-[#212529] border-gray-200 dark:border-gray-600">
                 {{ aidToDateResult }}
@@ -26,7 +26,7 @@
                 <option value="aidx">aidx</option>
             </select>
             <div class="my-2">
-                <button class="btn btn-primary" @click="doDateToAid()">{{ $t('_aidConverter.dateToAid') }}</button>
+                <button class="btn btn-primary !text-white" @click="doDateToAid()">{{ $t('_aidConverter.dateToAid') }}</button>
             </div>
             <div class="mb-2 p-4 rounded-lg border bg-white dark:bg-[#212529] border-gray-200 dark:border-gray-600">
                 {{ dateToAidResult }}