From c7819f90d8a7877cac733676384c7b3428ca1620 Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Wed, 15 Jul 2026 21:19:37 +0530
Subject: [PATCH] refactor(automations-loading): update skeleton loading styles
 for improved alignment and consistency

---
 .../components/automations-loading.tsx          | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/surfsense_web/app/dashboard/[workspace_id]/automations/components/automations-loading.tsx b/surfsense_web/app/dashboard/[workspace_id]/automations/components/automations-loading.tsx
index 1156be3f6..058e61598 100644
--- a/surfsense_web/app/dashboard/[workspace_id]/automations/components/automations-loading.tsx
+++ b/surfsense_web/app/dashboard/[workspace_id]/automations/components/automations-loading.tsx
@@ -13,21 +13,18 @@ export function AutomationsLoadingRows() {
 	return (
 		<>
 			{ROW_KEYS.map((key) => (
-				<TableRow key={key} className="border-b border-border/60 hover:bg-transparent">
-					<TableCell className="px-4 md:px-6 py-3 border-r border-border/60">
-						<div className="flex flex-col gap-1.5">
-							<Skeleton className="h-4 w-40" />
-							<Skeleton className="h-3 w-56" />
-						</div>
+				<TableRow key={key} className="h-12 border-b border-border/60 hover:bg-transparent">
+					<TableCell className="px-4 md:px-6 py-2.5 border-r border-border/60 align-middle">
+						<Skeleton className="h-4 w-32 max-w-full md:w-40" />
 					</TableCell>
-					<TableCell className="px-4 py-3 border-r border-border/60 w-32">
+					<TableCell className="px-4 py-2.5 border-r border-border/60 w-32 align-middle">
 						<Skeleton className="h-5 w-16 rounded-md" />
 					</TableCell>
-					<TableCell className="hidden md:table-cell px-4 py-3 border-r border-border/60 w-40">
+					<TableCell className="hidden md:table-cell px-4 py-2.5 border-r border-border/60 w-40 align-middle">
 						<Skeleton className="h-3 w-20" />
 					</TableCell>
-					<TableCell className="px-4 md:px-6 py-3 w-16">
-						<Skeleton className="h-8 w-8 rounded-md ml-auto" />
+					<TableCell className="px-4 md:px-6 py-2.5 w-16 align-middle">
+						<Skeleton className="h-7 w-7 rounded-md ml-auto" />
 					</TableCell>
 				</TableRow>
 			))}