diff --git a/components/MobileNav.tsx b/components/MobileNav.tsx
index 330ec33..e01f227 100644
--- a/components/MobileNav.tsx
+++ b/components/MobileNav.tsx
@@ -80,6 +80,9 @@ const MobileNav: FC<Props> = ({ open, close }) => {
 			<div className='close'>
 				<IconButton icon={dark ? '/dark-close.svg' : '/light-close.svg'} onClick={close} />
 			</div>
+			<div className='mobile-button-wrapper'>
+				<Button onClick={() => toggle()}>{dark ? 'Light Mode' : 'Dark Mode'}</Button>
+			</div>
 			<div className='mobile-button-wrapper'>
 				<Button
 					onClick={() => {
@@ -110,9 +113,6 @@ const MobileNav: FC<Props> = ({ open, close }) => {
 					Blog
 				</Button>
 			</div>
-			<div className='mobile-button-wrapper'>
-				<Button onClick={() => toggle()}>{dark ? 'Light Mode' : 'Dark Mode'}</Button>
-			</div>
 		</Bar>
 	);
 };