From 5a5c978ba7645c9f5eaeb7f694cec8415a276bcd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Dani=C3=ABl=20van=20der=20Winden?= Date: Thu, 10 Oct 2024 10:04:45 +0100 Subject: [PATCH] Added padding and margin for hover state --- apps/admin-x-design-system/src/global/ListItem.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/admin-x-design-system/src/global/ListItem.tsx b/apps/admin-x-design-system/src/global/ListItem.tsx index f308174344..0fe08e2861 100644 --- a/apps/admin-x-design-system/src/global/ListItem.tsx +++ b/apps/admin-x-design-system/src/global/ListItem.tsx @@ -43,7 +43,7 @@ const ListItem: React.FC = ({ const listItemClasses = clsx( 'group/list-item flex items-center justify-between', - bgOnHover && 'hover:bg-grey-50 dark:hover:bg-grey-950', + bgOnHover && '-mx-6 rounded-lg px-6 hover:bg-grey-50 dark:hover:bg-grey-950', separator ? 'border-b border-grey-100 last-of-type:border-b-transparent hover:border-grey-200 dark:border-grey-900 dark:hover:border-grey-800' : 'border-y border-transparent hover:border-grey-200 first-of-type:hover:border-t-transparent dark:hover:border-grey-800', className );