diff --git a/src/components/header.tsx b/src/components/header.tsx
index 57ec7f4..c2251b9 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -10,7 +10,7 @@ export function Header({
 	return (
 		<header
 			className={
-				"flex flex-col md:flex-row justify-between items-center w-full p-1 md:px-3 md:py-2 border-b-2"
+				"flex flex-col md:flex-row justify-between items-center w-full p-1 md:px-3 md:py-2 pb-2 border-b-2"
 			}
 		>
 			<div
@@ -24,7 +24,9 @@ export function Header({
 				</h1>
 			</div>
 			<div className={"w-1/3 flex flex-row justify-center items-center"}>{children}</div>
-			<div className={"w-1/3 flex flex-row justify-end gap-2 items-center"}>
+			<div
+				className={"w-1/3 flex flex-row justify-center md:justify-end gap-2 items-center"}
+			>
 				<AccountDialog />
 				<ThemeBtnSelector />
 			</div>