diff --git a/css/about.css b/css/about.css
index 24daa33..170fd23 100644
--- a/css/about.css
+++ b/css/about.css
@@ -16,7 +16,7 @@ main {
 
 .section {
   scroll-snap-align: start;
-  height: 100vh;
+  height: 90vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -152,6 +152,10 @@ footer {
     color: #fff;
   }
 }
+.lastsection {
+  height: 100vh;
+}
+
 .section2::before {
   background-image: url("https://wallpapers.com/images/hd/integral-project-management-cover-erpo8ef1af3wuquu.jpg");
 }
diff --git a/html/about.html b/html/about.html
index 2c3c7b4..03c5666 100644
--- a/html/about.html
+++ b/html/about.html
@@ -50,7 +50,7 @@
       </div>
     </section>
 
-    <section class="section section5" id="contact">
+    <section class="section section5 lastsection" id="contact">
       <div class="content">
         <h2>Contact</h2>
         <p>Email: you@example.com<br />Mastodon / GitHub / etc.</p>
diff --git a/scss/about.scss b/scss/about.scss
index ee39d26..a437ee9 100644
--- a/scss/about.scss
+++ b/scss/about.scss
@@ -1,5 +1,6 @@
 @use "about/base";
 @use "about/section1";
+@use "about/section5";
 
 .section2 {
     &::before {
diff --git a/scss/about/_base.scss b/scss/about/_base.scss
index cb16c4c..8d04042 100644
--- a/scss/about/_base.scss
+++ b/scss/about/_base.scss
@@ -18,7 +18,7 @@ main {
 
 .section {
   scroll-snap-align: start;
-  height: 100vh;
+  height: 90vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
diff --git a/scss/about/_section5.scss b/scss/about/_section5.scss
new file mode 100644
index 0000000..37f25e0
--- /dev/null
+++ b/scss/about/_section5.scss
@@ -0,0 +1,3 @@
+.lastsection {
+    height: 100vh;
+}
\ No newline at end of file