From 29d1b1aedc238b7dbe7b9313bdab601a2756c04e Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Mon, 8 Aug 2022 11:32:20 +0200
Subject: [PATCH] change(ui) - preferences - webhooks

---
 frontend/app/components/Client/Webhooks/ListItem.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/Client/Webhooks/ListItem.js b/frontend/app/components/Client/Webhooks/ListItem.js
index aa3f687de..e10d3905c 100644
--- a/frontend/app/components/Client/Webhooks/ListItem.js
+++ b/frontend/app/components/Client/Webhooks/ListItem.js
@@ -4,12 +4,12 @@ import styles from './listItem.module.css';
 
 const ListItem = ({ webhook, onEdit, onDelete }) => {
     return (
-        <div className="hover:bg-active-blue border-b last:border-none" onClick={onEdit}>
+        <div className="border-b group last:border-none hover:bg-active-blue flex items-center justify-between p-3 cursor-pointer" onClick={onEdit}>
             <div>
                 <span>{webhook.name}</span>
                 <div className={styles.endpoint}>{webhook.endpoint}</div>
             </div>
-            <div className={styles.actions}>
+            <div className="invisible group-hover:visible">
                 <div className={styles.button}>
                     <Icon name="edit" color="teal" size="16" />
                 </div>