diff --git a/src/components/Ui/BaseButtonIcon.vue b/src/components/Ui/BaseButtonIcon.vue
index 5ee0a2a..60ede26 100644
--- a/src/components/Ui/BaseButtonIcon.vue
+++ b/src/components/Ui/BaseButtonIcon.vue
@@ -12,7 +12,7 @@
       p-2
       dark:bg-neutral-900
       shadow-sm rounded-lg border dark:border-neutral-800
-      dark:fill-white hover:bg-green-600 hover:fill-white transition-colors
+      dark:fill-white hover:bg-green-600 hover:fill-white hover:text-white transition-colors
     "
   >
     <slot></slot>
diff --git a/src/components/Ui/BaseRadio.vue b/src/components/Ui/BaseRadio.vue
index e524b1b..b490046 100644
--- a/src/components/Ui/BaseRadio.vue
+++ b/src/components/Ui/BaseRadio.vue
@@ -7,11 +7,15 @@ defineProps<{
 
 <template>
   <div
-    class="px-4 py-2 relative rounded hover:bg-neutral-100 hover:dark:bg-neutral-800 hover:dark:text-white transition-colors"
-    :class="{ 'bg-green-600 text-white hover:text-black': modelValue === label }"
+    class="
+      px-4 py-2 relative
+      rounded-lg border dark:border-neutral-800 shadow-sm
+      hover:bg-green-600 hover:text-white transition-colors
+    "
+    :class="{ 'bg-green-600 text-white': modelValue == label }"
   >
     <input class="appearance-none absolute inset-0" type="radio" :id="label" :value="label" :checked="modelValue == label"
       @change="$emit('update:modelValue', ($event.target as HTMLInputElement).value)" />
-    <label :for="label" class="transition-all" :class="{ 'mx-5': modelValue == label }">{{ label }}</label>
+    <label :for="label">{{ label }}</label>
   </div>
 </template>