Fix styles

presleyp · presleyp · commit 98ec51629719 · 2022-04-07T16:57:01.000Z
diff --git a/site/src/components/BorderedMenu/BorderedMenuRow.tsx b/site/src/components/BorderedMenu/BorderedMenuRow.tsx
@@ -62,7 +62,7 @@ export const BorderedMenuRow: React.FC<BorderedMenuRowProps> = ({
 
   if (path) {
     return (
-      <NavLink to={path}>
+      <NavLink to={path} className={styles.link}>
         <Component />
       </NavLink>
     )
@@ -122,6 +122,10 @@ const useStyles = makeStyles((theme) => ({
       fill: theme.palette.text.secondary,
     },
   },
+  link: {
+    textDecoration: "none",
+    color: "inherit",
+  },
   title: {
     fontSize: 16,
     fontWeight: 500,
diff --git a/site/src/components/BorderedMenu/index.tsx b/site/src/components/BorderedMenu/index.tsx
@@ -20,7 +20,14 @@ export const BorderedMenu: React.FC<BorderedMenuProps> = ({ children, variant, .
 
 const useStyles = makeStyles((theme) => ({
   root: {
-    paddingBottom: theme.spacing(1),
+    "&[data-variant='admin-dropdown'] $paperRoot": {
+      padding: `${theme.spacing(3)}px 0`,
+    },
+
+    "&[data-variant='user-dropdown'] $paperRoot": {
+      paddingBottom: theme.spacing(1),
+      width: 292,
+    },
   },
   paperRoot: {
     width: "292px",
