diff --git a/index.css b/index.css
index 9953760..159260c 100644
--- a/index.css
+++ b/index.css
@@ -359,6 +359,10 @@ body.light-mode .project a:hover {
 
 
 /* skills Section */
+.skills-section {
+    padding-top: 32px;
+}
+
 .skills-container {
     margin-top: 6rem;
     display: flex;
diff --git a/index.html b/index.html
index c868c24..65a7bb6 100644
--- a/index.html
+++ b/index.html
@@ -122,7 +122,7 @@
           </div>
         </div>
       </section>
-      <section id="skills">
+      <section class="skills-section" id="skills">
         <div class="skills-container">
           <h1 data-i18n="skills_title"></h1>
           <ul>