diff --git a/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/select-agent.svelte b/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/select-agent.svelte
index 919676c..e00b407 100644
--- a/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/select-agent.svelte
+++ b/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/select-agent.svelte
@@ -85,7 +85,7 @@
       <li class="mb-3">
         <Button
           variant="outline"
-          class="flex h-auto w-full cursor-pointer items-start gap-9 px-3 py-2.5 text-left"
+          class="hover:border-primary/30 flex h-auto w-full cursor-pointer items-start gap-9 px-3 py-2.5 text-left"
           onclick={() => selectAgent(null)}
         >
           <div class="relative size-10">
diff --git a/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/select-channel.svelte b/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/select-channel.svelte
index 0b2acd2..9f26271 100644
--- a/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/select-channel.svelte
+++ b/src/routes/(pages)/(clients)/book-appointment/[[id]]/(components)/select-channel.svelte
@@ -27,7 +27,7 @@
         <li>
           <Button
             variant="outline"
-            class="flex h-auto w-full cursor-pointer flex-col items-start gap-1 px-3 py-2.5 text-left"
+            class="hover:border-primary/30 flex h-auto w-full cursor-pointer flex-col items-start gap-1 px-3 py-2.5 text-left"
             onclick={() =>
               proceed({
                 ...appointment,