From 077c8f102853106ab869fc79f335c9f52e549c30 Mon Sep 17 00:00:00 2001
From: Ishaan Gupta <ishaankone@gmail.com>
Date: Sat, 30 May 2026 22:46:51 +0530
Subject: [PATCH] Animate other plans underline

---
 apps/web/components/settings/billing.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/web/components/settings/billing.tsx b/apps/web/components/settings/billing.tsx
index c7f4b991..911e43b6 100644
--- a/apps/web/components/settings/billing.tsx
+++ b/apps/web/components/settings/billing.tsx
@@ -1014,7 +1014,9 @@ export default function Billing() {
 								"inline-flex items-center justify-center gap-2 text-[13px] font-semibold text-[#A3A3A3] transition-colors hover:text-[#FAFAFA]",
 							)}
 						>
-							<span className="underline underline-offset-4">Other plans</span>
+							<span className="relative after:absolute after:right-0 after:-bottom-0.5 after:left-0 after:h-px after:origin-left after:scale-x-0 after:bg-current after:transition-transform after:duration-200 hover:after:scale-x-100">
+								Other plans
+							</span>
 							<span className="translate-x-1 text-[15px]" aria-hidden="true">
 								&rarr;
 							</span>