fix: Account menu missing hover state (#10599)

app/components/Sidebar/Shared.tsx

@@ -59,6 +59,7 @@ function SharedSidebar({ share }: Props) {
           image={
             <TeamLogo model={team} size={AvatarSize.XLarge} alt={t("Logo")} />
           }
+          disabled={hideRootNode}
           onClick={
             hideRootNode
               ? undefined

app/components/Sidebar/components/SidebarButton.tsx

@@ -44,7 +44,6 @@ const SidebarButton = React.forwardRef<HTMLButtonElement, SidebarButtonProps>(
           as="button"
           ref={ref}
           role="button"
-          disabled={!onClick}
         >
           <Content gap={8} align="center">
             {image}
@@ -104,12 +103,14 @@ const Button = styled(Flex)<{
   ${undraggableOnDesktop()}
   ${extraArea(4)}
 
-  &:not(:disabled):active,
-  &:not(:disabled):${hover},
-  &:not(:disabled)[aria-expanded="true"] {
-    color: ${s("sidebarText")};
-    background: ${s("sidebarActiveBackground")};
-    cursor: var(--pointer);
+  &:not(:disabled) {
+    &:active,
+    &:${hover},
+    &[aria-expanded="true"] {
+      color: ${s("sidebarText")};
+      background: ${s("sidebarActiveBackground")};
+      cursor: var(--pointer);
+    }
   }
 
   &:last-child {

app/scenes/Settings/components/GroupsTable.tsx

@@ -106,7 +106,7 @@ export function GroupsTable(props: Props) {
               </GroupMembers>
             );
           },
-          width: "1fr",
+          width: "1.5fr",
           sortable: false,
         },
         {