From 46cdc4dcf3077596495c17b08ca0578262f92e8a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dani=C3=ABl=20van=20der=20Winden?=
 <danielvanderwinden@ghost.org>
Date: Mon, 14 Oct 2024 13:48:02 +0200
Subject: [PATCH] Updated hover margins

---
 apps/admin-x-design-system/src/global/ListItem.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/admin-x-design-system/src/global/ListItem.tsx b/apps/admin-x-design-system/src/global/ListItem.tsx
index ee1e850473..576f696477 100644
--- a/apps/admin-x-design-system/src/global/ListItem.tsx
+++ b/apps/admin-x-design-system/src/global/ListItem.tsx
@@ -51,7 +51,7 @@ const ListItem: React.FC<ListItemProps> = ({
     return (
         <div className={listItemClasses} data-testid={testId}>
             {bgOnHover && (
-                <div className="absolute inset-0 -mx-4 rounded-lg bg-grey-50 opacity-0 transition-opacity group-hover/list-item:opacity-100 dark:bg-grey-950" />
+                <div className="absolute inset-0 -mx-4 rounded-lg bg-grey-50 opacity-0 group-hover/list-item:opacity-100 dark:bg-grey-950" />
             )}
             <div className="relative flex w-full items-center justify-between">
                 {children ? children :
@@ -64,7 +64,7 @@ const ListItem: React.FC<ListItemProps> = ({
                     </div>
                 }
                 {action &&
-                    <div className={`visible py-3 md:pl-6 ${paddingRight && 'md:pr-6'} ${hideActions ? 'group-hover/list-item:visible md:invisible' : ''}`}>
+                    <div className={`visible py-3 md:pl-2 ${paddingRight && 'md:pr-2'} ${hideActions ? 'group-hover/list-item:visible md:invisible' : ''}`}>
                         {action}
                     </div>
                 }