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"