diff --git a/components/user-header.js b/components/user-header.js
index fbb315ad..ef30f15e 100644
--- a/components/user-header.js
+++ b/components/user-header.js
@@ -8,6 +8,7 @@ import { useState, useEffect } from 'react'
 import { Form, Input, SubmitButton } from './form'
 import { gql, useApolloClient, useMutation } from '@apollo/client'
 import styles from './user-header.module.css'
+import navStyles from '@/styles/nav.module.css'
 import { useMe } from './me'
 import { NAME_MUTATION } from '@/fragments/users'
 import { QRCodeSVG } from 'qrcode.react'
@@ -44,7 +45,7 @@ export default function UserHeader ({ user }) {
     <>
       <HeaderHeader user={user} />
       <Nav
-        className={styles.nav}
+        className={navStyles.nav}
         activeKey={activeKey}
       >
         <Nav.Item>
diff --git a/components/user-header.module.css b/components/user-header.module.css
index e4c0c7f3..bfa49f44 100644
--- a/components/user-header.module.css
+++ b/components/user-header.module.css
@@ -3,24 +3,6 @@
     margin-bottom: 0;
 }
 
-.nav {
-    margin: 1rem 0;
-    justify-content: start;
-    font-size: 110%;
-}
-
-.nav :global .nav-link {
-    padding-left: 0;
-}
-
-.nav :global .nav-item:not(:first-child) {
-    margin-left: 1rem;
-}
-
-.nav :global .active {
-    border-bottom: 2px solid var(--bs-primary);
-}
-
 .userimg {
     clip-path: polygon(0% 0%, 83% 0%, 100% 100%, 17% 100%);
     object-fit: cover;
diff --git a/pages/withdraw.js b/pages/withdraw.js
index 701d07d5..cb31bcfe 100644
--- a/pages/withdraw.js
+++ b/pages/withdraw.js
@@ -3,7 +3,7 @@ import { CenterLayout } from '@/components/layout'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 import { InputGroup, Nav } from 'react-bootstrap'
-import styles from '@/components/user-header.module.css'
+import styles from '@/styles/nav.module.css'
 import { gql, useMutation, useQuery } from '@apollo/client'
 import { CREATE_WITHDRAWL, SEND_TO_LNADDR } from '@/fragments/invoice'
 import { requestProvider } from 'webln'