From 13df106d89028237e839e434d0f95f2e54523977 Mon Sep 17 00:00:00 2001
From: Ivan Vasilov <vasilov.ivan@gmail.com>
Date: Thu, 30 Apr 2026 16:06:17 +0300
Subject: [PATCH] chore: Fix the Auth hook card CSS (#45415)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **Style**
* Refined layout styling in the authentication hook interface to
optimize flex container behavior for improved responsiveness and visual
alignment.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 apps/studio/components/interfaces/Auth/Hooks/HookCard.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/studio/components/interfaces/Auth/Hooks/HookCard.tsx b/apps/studio/components/interfaces/Auth/Hooks/HookCard.tsx
index 783da15af7..77c5d75994 100644
--- a/apps/studio/components/interfaces/Auth/Hooks/HookCard.tsx
+++ b/apps/studio/components/interfaces/Auth/Hooks/HookCard.tsx
@@ -18,10 +18,10 @@ export const HookCard = ({ hook, onSelect }: HookCardProps) => {
 
   return (
     <div className="bg-surface-100 border-default overflow-hidden border shadow-sm px-5 py-4 flex flex-row first:rounded-t-md last:rounded-b-md space-x-4">
-      <div className="">
+      <div>
         <Webhook size={21} strokeWidth="1" />
       </div>
-      <div className="flex flex-col flex-0 overflow-y-auto w-full">
+      <div className="flex flex-col grow overflow-y-auto w-full">
         <span className="text-sm text-foreground">{hook.title}</span>
         <span className="text-sm text-foreground-lighter">{hook.subtitle}</span>
         <div className="text-sm flex flex-row space-x-5 py-4">
@@ -112,7 +112,7 @@ export const HookCard = ({ hook, onSelect }: HookCardProps) => {
           <DocsButton href={`${DOCS_URL}/guides/auth/auth-hooks/${hook.docSlug}`} />
         </div>
       </div>
-      <div className="flex-1">
+      <div>
         {hook.enabled ? (
           <Badge className="space-x-1" variant="success">
             <div className="h-3.5 w-3.5 bg-brand rounded-full flex justify-center items-center">