From 7b6999831a282c4c5a795dc3f0e1f1898e58bd09 Mon Sep 17 00:00:00 2001
From: amrit <iamamrit27@gmail.com>
Date: Tue, 15 Apr 2025 19:41:47 +0530
Subject: [PATCH] fix: uneven toggle ui on availability page  (#20701)

* fix: trigger lingo.dev by removing duplicate value

* fix: uneven height in toggle
---
 apps/web/modules/availability/availability-view.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/modules/availability/availability-view.tsx b/apps/web/modules/availability/availability-view.tsx
index 6ba473d22b..b4c4ca6909 100644
--- a/apps/web/modules/availability/availability-view.tsx
+++ b/apps/web/modules/availability/availability-view.tsx
@@ -218,7 +218,7 @@ export const AvailabilityCTA = () => {
   return (
     <div className="flex gap-2">
       <ToggleGroup
-        className="hidden md:block"
+        className="min-h-10 hidden md:flex md:items-center"
         defaultValue={searchParams?.get("type") ?? "mine"}
         onValueChange={(value) => {
           if (!value) return;