diff --git a/index.css b/index.css
index 159260c..eba7624 100644
--- a/index.css
+++ b/index.css
@@ -261,6 +261,10 @@ body.light-mode .home-container a:hover {
 }
 
 /* projects Section */
+.projects-section {
+    padding-top: 48px;
+}
+
 .projects-container {
     margin-top: 4rem;
     display: flex;
diff --git a/index.html b/index.html
index 65a7bb6..6c3bb55 100644
--- a/index.html
+++ b/index.html
@@ -68,7 +68,7 @@
             <a href="https://github.com/pschwarzer20"><i class="fa-brands fa-github"></i></a>
           </div>
       </section>
-      <section id="projects">
+      <section class="projects-section" id="projects">
         <div class="projects-container">
           <h1 data-i18n="projects_title"></h1>
           <div class="projects">