From d17d184225a5e8b106465d93a32c63132f554f4a Mon Sep 17 00:00:00 2001
From: Maanvi Chetwani <maanvichetwani21@gmail.com>
Date: Thu, 1 Oct 2026 21:38:51 +0100
Subject: [PATCH] [Catalog] Fix Performers button alignment with toolbar

Signed-off-by: Maanvi Chetwani <maanvichetwani21@gmail.com>
---
 src/custom/PerformersSection/PerformersToogleButton.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/custom/PerformersSection/PerformersToogleButton.tsx b/src/custom/PerformersSection/PerformersToogleButton.tsx
index 4afcfc61b..a04555e69 100644
--- a/src/custom/PerformersSection/PerformersToogleButton.tsx
+++ b/src/custom/PerformersSection/PerformersToogleButton.tsx
@@ -19,14 +19,15 @@ const PerformersSectionButton: React.FC<PerformersSectionButtonProps> = ({ open,
 
   return (
     <CustomTooltip title={open ? 'Hide Performers' : 'Show Performers'} placement="bottom">
-      <span>
+      <span style={{ display: 'flex', height: '100%' }}>
         <Button
           variant="contained"
           onClick={handleClick}
           size="large"
           style={{
             backgroundColor: open ? undefined : theme.palette.background.constant?.disabled,
-            whiteSpace: 'nowrap'
+            whiteSpace: 'nowrap',
+            height: '100%'
           }}
         >
           <TropyIcon style={{ height: '2rem', width: '2rem', marginRight: '10px' }} />