diff --git a/client/homebrew/navbar/account.navitem.jsx b/client/homebrew/navbar/account.navitem.jsx
index a9f3202bd..8b1391868 100644
--- a/client/homebrew/navbar/account.navitem.jsx
+++ b/client/homebrew/navbar/account.navitem.jsx
@@ -61,17 +61,16 @@ const Account = createReactClass({
 	render : function(){
 		//  Logged in
 		if(global.account){
-			return <div className='nav-section'>
+			return <Dropdown groupName={global.account.username} customTrigger={<>{global.account.username}</>} icon={null} key={global.account.username}>
+				<div className='nav-section'>
 				<Nav.item
 					href={`/user/${encodeURIComponent(global.account.username)}`}
-					color='yellow'
 					icon='fas fa-beer'
 				>
 					brews
 				</Nav.item>
 				<Nav.item
 					className='account'
-					color='orange'
 					icon='fas fa-user'
 					href='/account'
 				>
@@ -79,26 +78,26 @@ const Account = createReactClass({
 				</Nav.item>
 				<Nav.item
 					className='logout'
-					color='red'
 					icon='fas fa-power-off'
 					onClick={this.handleLogout}
 				>
 					logout
 				</Nav.item>
-			</div>;
+			</div>
+			</Dropdown>
 		}
 
 		//  Logged out
 		//  LOCAL ONLY
 		if(global.config?.local) {
-			return <Nav.item color='teal' icon='fas fa-sign-in-alt' onClick={this.localLogin}>
+			return <Nav.item icon='fas fa-sign-in-alt' onClick={this.localLogin}>
 				login
 			</Nav.item>;
 		};
 
 		// Logged out
 		// Production site
-		return <Nav.item href={`https://www.naturalcrit.com/login?redirect=${this.state.url}`} color='teal' icon='fas fa-sign-in-alt'>
+		return <Nav.item href={`https://www.naturalcrit.com/login?redirect=${this.state.url}`} icon='fas fa-sign-in-alt'>
 			login
 		</Nav.item>;
 	}
diff --git a/client/homebrew/navbar/help.navitem.jsx b/client/homebrew/navbar/help.navitem.jsx
index dc168b218..cc479a2ed 100644
--- a/client/homebrew/navbar/help.navitem.jsx
+++ b/client/homebrew/navbar/help.navitem.jsx
@@ -5,7 +5,7 @@ import Nav from './nav.jsx';
 
 export default function(props){
 	return <div className='nav-section'>
-		<Nav.item color='red' icon='fas fa-fw fa-bug'
+		<Nav.item icon='fas fa-fw fa-bug'
 			href={`https://www.reddit.com/r/homebrewery/submit?selftext=true&text=${encodeURIComponent(dedent`
 			- **Browser(s)** :
 			- **Operating System** :  
@@ -15,13 +15,13 @@ export default function(props){
 			rel='noopener noreferrer'>
 			report issue
 		</Nav.item>
-		<Nav.item color='green' icon='fas fa-question-circle'
+		<Nav.item icon='fas fa-question-circle'
 			href='/faq'
 			newTab={true}
 			rel='noopener noreferrer'>
 			FAQ
 		</Nav.item>
-		<Nav.item color='blue' icon='fas fa-fw fa-file-import'
+		<Nav.item icon='fas fa-fw fa-file-import'
 			href='/migrate'
 			newTab={true}
 			rel='noopener noreferrer'>
diff --git a/client/homebrew/navbar/metadata.navitem.jsx b/client/homebrew/navbar/metadata.navitem.jsx
index 5a593e784..3116d3dbc 100644
--- a/client/homebrew/navbar/metadata.navitem.jsx
+++ b/client/homebrew/navbar/metadata.navitem.jsx
@@ -70,7 +70,7 @@ const MetadataNav = createReactClass({
 	render : function(){
 		if(!this.props.brew?.shareId || this.props.pageName !== 'sharePage') return <></>;
 
-		return <Nav.item icon='fas fa-info-circle' color='grey' className='metadata'
+		return <Nav.item icon='fas fa-info-circle' className='metadata'
 			onClick={()=>this.toggleMetaWindow()}>
 			{this.props.children}
 			{this.renderMetaWindow()}
diff --git a/client/homebrew/navbar/nav.jsx b/client/homebrew/navbar/nav.jsx
index e794da713..f35e461cb 100644
--- a/client/homebrew/navbar/nav.jsx
+++ b/client/homebrew/navbar/nav.jsx
@@ -24,8 +24,8 @@ const Nav = {
 		</div>;
 	},
 
-	item : ({ icon, kbd, href, newTab, onClick, color, children, className, disabled, noDismiss, ...props })=>{
-		const classes = cx('navItem', color, className);
+	item : ({ icon, kbd, href, newTab, onClick, children, className, disabled, noDismiss, ...props })=>{
+		const classes = cx('navItem', className);
 		if(disabled) {
 			return <button className={classes} disabled>{children}{icon && <i className={icon}></i>}</button>;
 		}
diff --git a/client/homebrew/navbar/navbar.jsx b/client/homebrew/navbar/navbar.jsx
index f93e04367..66eeed760 100644
--- a/client/homebrew/navbar/navbar.jsx
+++ b/client/homebrew/navbar/navbar.jsx
@@ -127,7 +127,7 @@ const Navbar = ({ children, brew, pageName, editor, title, currentPage, props })
 				{renderEditLink()}
 				<ShareNavItem brew={brew} disabled={!brew?.shareId} currentPage={currentPage} />
 				<div className='nav-section'>
-					<Nav.item className='patreon' newTab={true} href='https://www.patreon.com/NaturalCrit' color='green' icon='fas fa-heart'>
+					<Nav.item className='patreon' newTab={true} href='https://www.patreon.com/NaturalCrit' icon='fas fa-heart'>
 						Patreon
 					</Nav.item>
 					<Nav.item icon='fas fa-dungeon' href='/vault' newTab={false} rel='noopener noreferrer'>
@@ -163,9 +163,7 @@ const Navbar = ({ children, brew, pageName, editor, title, currentPage, props })
 			{pageName !== 'sharePage' && <Nav.header className='brewTitle'>{title}</Nav.header>}
 			<MetadataNavItem brew={brew} pageName={pageName}></MetadataNavItem>
 			<ul>
-				<Dropdown groupName={account.username} customTrigger={<>{account.username}</>} icon={null} key={account.username}>
-					<AccountNavItem />
-				</Dropdown>
+				<AccountNavItem />
 			</ul>
 		</nav>
 	);
diff --git a/client/homebrew/navbar/newbrew.navitem.jsx b/client/homebrew/navbar/newbrew.navitem.jsx
index c0d9f8ab1..cce1c1958 100644
--- a/client/homebrew/navbar/newbrew.navitem.jsx
+++ b/client/homebrew/navbar/newbrew.navitem.jsx
@@ -70,21 +70,18 @@ const NewBrew = ()=>{
 				className='new'
 				href='/new'
 				newTab={true}
-				color='purple'
 				icon='fa-solid fa-file'>
 					resume draft
 			</Nav.item>
 			<Nav.item
 				className='fromBlank'
 				newTab={true}
-				color='yellow'
 				icon='fa-solid fa-file-circle-plus'
 				onClick={()=>{ clearLocalStorage(); }}>
 					from blank
 			</Nav.item>
 			<Nav.item
 				className='fromFile'
-				color='green'
 				icon='fa-solid fa-upload'
 				onClick={()=>{ document.getElementById('uploadTxt').click(); }}>
 				<input id='uploadTxt' className='newFromLocal' type='file' onChange={handleFileChange} style={{ display: 'none' }} />
diff --git a/client/homebrew/navbar/print.navitem.jsx b/client/homebrew/navbar/print.navitem.jsx
index 5daae407a..020f99653 100644
--- a/client/homebrew/navbar/print.navitem.jsx
+++ b/client/homebrew/navbar/print.navitem.jsx
@@ -19,7 +19,7 @@ export default function({ disabled }){
 
 	const handlePrintPrepFinished = ()=>{ setPrinting(false);	};
 
-	return <Nav.item onClick={printCurrentBrew} color='purple' icon='far fa-file-pdf' disabled={disabled}>
+	return <Nav.item onClick={printCurrentBrew} icon='far fa-file-pdf' disabled={disabled}>
 		{printing ? 'loading' : 'get PDF'}
 	</Nav.item>;
 };
diff --git a/client/homebrew/navbar/share.navitem.jsx b/client/homebrew/navbar/share.navitem.jsx
index 0a0b48b07..574aea138 100644
--- a/client/homebrew/navbar/share.navitem.jsx
+++ b/client/homebrew/navbar/share.navitem.jsx
@@ -21,19 +21,18 @@ const getRedditLink = (brew)=>{
 export default ({ brew, disabled, currentPage })=>{
 	return (
 		<div className='nav-section'>
-			<Nav.item color='blue' href={`/share/${getShareId(brew)}`} disabled={disabled}>
+			<Nav.item href={`/share/${getShareId(brew)}`} disabled={disabled}>
 			view share page
 			</Nav.item>
-			<Nav.item color='blue' onClick={()=>{navigator.clipboard.writeText(`${global.config.baseUrl}/share/${getShareId(brew)}`);}} disabled={disabled}>
+			<Nav.item onClick={()=>{navigator.clipboard.writeText(`${global.config.baseUrl}/share/${getShareId(brew)}`);}} disabled={disabled}>
 			copy share url
 			</Nav.item>
 			{currentPage > 1 &&
 			<Nav.item
-				color='blue'
 				onClick={()=>{navigator.clipboard.writeText(`${global.config.baseUrl}/share/${getShareId(brew)}#p${currentPage}`);}}>
 				copy url (page {currentPage})
 			</Nav.item>}
-			<Nav.item color='blue' href={!disabled && getRedditLink(brew)} newTab rel='noopener noreferrer' disabled={disabled}>
+			<Nav.item href={!disabled && getRedditLink(brew)} newTab rel='noopener noreferrer' disabled={disabled}>
 			post to reddit
 			</Nav.item>
 		</div>