From 8cab3a4a06a84e1e176c1fa150a5d12084463d01 Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Mon, 22 May 2023 17:30:26 +0200
Subject: [PATCH] Fixed hover on list items in Admin Design System

refs. https://github.com/TryGhost/Team/issues/3150
---
 ghost/admin-x-settings/src/admin-x-ds/global/ListItem.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ghost/admin-x-settings/src/admin-x-ds/global/ListItem.tsx b/ghost/admin-x-settings/src/admin-x-ds/global/ListItem.tsx
index 8dcd214705..e0140a8b5b 100644
--- a/ghost/admin-x-settings/src/admin-x-ds/global/ListItem.tsx
+++ b/ghost/admin-x-settings/src/admin-x-ds/global/ListItem.tsx
@@ -22,7 +22,7 @@ const ListItem: React.FC<ListItemProps> = ({id, title, detail, action, hideActio
     separator = (separator === undefined) ? true : separator;
 
     return (
-        <div className={`group flex items-center justify-between ${onClick && 'hover:bg-gradient-to-r hover:from-white hover:to-grey-50'} ${separator ? 'border-b border-grey-100 last-of-type:border-none' : ''}`}>
+        <div className={`group flex items-center justify-between hover:bg-gradient-to-r hover:from-white hover:to-grey-50 ${separator ? 'border-b border-grey-100 last-of-type:border-none' : ''}`}>
             <div className={`flex grow flex-col pr-6 ${separator ? 'py-3' : 'py-2'} ${onClick && 'cursor-pointer'}`} id={id} onClick={handleClick}>
                 <span>{title}</span>
                 {detail && <span className='text-xs text-grey-700'>{detail}</span>}