From 85a932bfaf8e3ecec85ba9e933017850e78d8df9 Mon Sep 17 00:00:00 2001
From: Kira Pilot <kira@coder.com>
Date: Wed, 18 May 2022 10:34:56 -0400
Subject: [PATCH] bug: fixed menu height diff (#1546)

resolves #1229
---
 site/src/components/UserDropdown/UsersDropdown.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/site/src/components/UserDropdown/UsersDropdown.tsx b/site/src/components/UserDropdown/UsersDropdown.tsx
index dc61cd6215..3e1de2c411 100644
--- a/site/src/components/UserDropdown/UsersDropdown.tsx
+++ b/site/src/components/UserDropdown/UsersDropdown.tsx
@@ -8,6 +8,7 @@ import AccountIcon from "@material-ui/icons/AccountCircleOutlined"
 import React, { useState } from "react"
 import { Link } from "react-router-dom"
 import * as TypesGen from "../../api/typesGenerated"
+import { navHeight } from "../../theme/constants"
 import { BorderedMenu } from "../BorderedMenu/BorderedMenu"
 import { CloseDropdown, OpenDropdown } from "../DropdownArrows/DropdownArrows"
 import { DocsIcon } from "../Icons/DocsIcon"
@@ -38,7 +39,7 @@ export const UserDropdown: React.FC<UserDropdownProps> = ({ user, onSignOut }: U
 
   return (
     <>
-      <MenuItem onClick={handleDropdownClick} data-testid="user-dropdown-trigger">
+      <MenuItem className={styles.menuItem} onClick={handleDropdownClick} data-testid="user-dropdown-trigger">
         <div className={styles.inner}>
           <Badge overlap="circle">
             <UserAvatar username={user.username} />
@@ -121,7 +122,7 @@ export const useStyles = makeStyles((theme) => ({
   },
 
   menuItem: {
-    height: 44,
+    height: navHeight,
     padding: `${theme.spacing(1.5)}px ${theme.spacing(2.75)}px`,
 
     "&:hover": {