diff --git a/pages/index.tsx b/pages/index.tsx
index a6cb8a0..66e9b40 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -14,7 +14,7 @@ export default function Home() {
       <main className={styles.main}>
         <h1 className={styles.title}>Avatar</h1>
 
-        <div style={{ display: 'flex', gap: 10 }}>
+        <div style={{ display: 'flex', gap: 10, marginTop: '20px' }}>
           <img
             className={styles.avatar}
             src="/vercel.svg?text=VC"
diff --git a/styles/Home.module.css b/styles/Home.module.css
index 6ddf60a..757531f 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -3,7 +3,7 @@
 }
 
 .main {
-  min-height: 100vh;
+  min-height: calc(100vh - 84px);
   padding: 4rem 0;
   flex: 1;
   display: flex;