From b147b535224805d835f418827215e1f26e138daa Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Fri, 13 Mar 2026 09:43:07 -0500
Subject: [PATCH] add padding to dropdown text (#22420)

---
 web/src/pages/FaceLibrary.tsx                      | 6 +++---
 web/src/views/classification/ModelTrainingView.tsx | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/src/pages/FaceLibrary.tsx b/web/src/pages/FaceLibrary.tsx
index 7595b3cd9..666057110 100644
--- a/web/src/pages/FaceLibrary.tsx
+++ b/web/src/pages/FaceLibrary.tsx
@@ -598,18 +598,18 @@ function LibrarySelector({
           {Object.values(faces).map((face) => (
             <DropdownMenuItem
               key={face}
-              className="group flex items-center justify-between"
+              className="group flex items-center justify-between p-0"
             >
               <div
                 className="flex-grow cursor-pointer"
                 onClick={() => setPageToggle(face)}
               >
                 {face}
-                <span className="ml-2 text-muted-foreground">
+                <span className="ml-2 px-2 py-1.5 text-muted-foreground">
                   ({faceData?.[face].length})
                 </span>
               </div>
-              <div className="flex gap-0.5">
+              <div className="flex gap-0.5 px-2">
                 <Tooltip>
                   <TooltipTrigger asChild>
                     <Button
diff --git a/web/src/views/classification/ModelTrainingView.tsx b/web/src/views/classification/ModelTrainingView.tsx
index 43679b5b0..25214b703 100644
--- a/web/src/views/classification/ModelTrainingView.tsx
+++ b/web/src/views/classification/ModelTrainingView.tsx
@@ -709,10 +709,10 @@ function LibrarySelector({
             .map((id) => (
               <DropdownMenuItem
                 key={id}
-                className="group flex items-center justify-between"
+                className="group flex items-center justify-between p-0"
               >
                 <div
-                  className="flex-grow cursor-pointer capitalize"
+                  className="flex-grow cursor-pointer px-2 py-1.5 capitalize"
                   onClick={() => setPageToggle(id)}
                 >
                   {id === "none" ? t("details.none") : id.replaceAll("_", " ")}
@@ -721,7 +721,7 @@ function LibrarySelector({
                   </span>
                 </div>
                 {id != "none" && (
-                  <div className="flex gap-0.5">
+                  <div className="flex gap-0.5 px-2">
                     <Tooltip>
                       <TooltipTrigger asChild>
                         <Button