From f0cc12857ed4f51f18bfa6397c515a966ddc0af6 Mon Sep 17 00:00:00 2001
From: ashrafchowdury <ashrafdev365@gmail.com>
Date: Tue, 8 Oct 2024 22:16:47 +0600
Subject: [PATCH] fix(frontend): padding issue in workspace selector component

---
 agenta-web/src/components/Sidebar/Sidebar.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/agenta-web/src/components/Sidebar/Sidebar.tsx b/agenta-web/src/components/Sidebar/Sidebar.tsx
index 9cc83f30e3..d9106b2aa5 100644
--- a/agenta-web/src/components/Sidebar/Sidebar.tsx
+++ b/agenta-web/src/components/Sidebar/Sidebar.tsx
@@ -95,6 +95,15 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
         display: "flex !important",
         alignItems: "center",
     },
+    avatarMainContainer: {
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        padding: "4px 16px 4px 8px",
+        borderRadius: theme.borderRadiusLG,
+    },
     avatarContainer: {
         display: "flex",
         alignItems: "center",
@@ -417,7 +426,7 @@ const Sidebar: React.FC = () => {
                                     },
                                 }}
                             >
-                                <Button className="flex w-full h-full items-center justify-between">
+                                <Button className={classes.avatarMainContainer}>
                                     <div className={classes.avatarContainer}>
                                         <Avatar
                                             shape="square"