diff --git a/web/app/components/datasets/settings/permission-selector/member-item.tsx b/web/app/components/datasets/settings/permission-selector/member-item.tsx
index 244bf895d1..19e9bf627c 100644
--- a/web/app/components/datasets/settings/permission-selector/member-item.tsx
+++ b/web/app/components/datasets/settings/permission-selector/member-item.tsx
@@ -24,7 +24,7 @@ const MemberItem = ({
 
   return (
     <div
-      className='flex items-center gap-2 rounded-lg py-1 pl-2 pr-[10px]'
+      className='flex cursor-pointer items-center gap-2 rounded-lg py-1 pl-2 pr-[10px] hover:bg-state-base-hover'
       onClick={onClick}
     >
       {leftIcon}
diff --git a/web/app/components/datasets/settings/permission-selector/permission-item.tsx b/web/app/components/datasets/settings/permission-selector/permission-item.tsx
index 0485aa3761..f917dce5b5 100644
--- a/web/app/components/datasets/settings/permission-selector/permission-item.tsx
+++ b/web/app/components/datasets/settings/permission-selector/permission-item.tsx
@@ -20,7 +20,7 @@ const PermissionItem = ({
       onClick={onClick}
     >
       {leftIcon}
-      <div className='system-md-regular grow text-text-secondary'>
+      <div className='system-md-regular grow px-1 text-text-secondary'>
         {text}
       </div>
       {isSelected && <RiCheckLine className='size-4 text-text-accent' />}