diff --git a/static/css/styles.css b/static/css/styles.css
index 405e695..fa7e97f 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -428,8 +428,9 @@ hr {
     transform: translate(-50%, -50%);
     z-index: 2;
     max-width: 800px;
-    width: 90%;
+    width: 88%;
     text-align: center;
+    padding: 0 16px;
 }
 
 .hero-title {
@@ -477,7 +478,10 @@ hr {
     border: 1px solid rgba(255, 255, 255, 0.08);
     border-radius: 16px;
     padding: 32px;
-    text-align: left;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 }
 
 .stats-icon {
@@ -486,7 +490,7 @@ hr {
     display: flex;
     align-items: center;
     justify-content: center;
-    margin-bottom: 16px;
+    margin: 0 auto 16px auto;
     color: var(--white);
 }
 
diff --git a/templates/competitions.html b/templates/competitions.html
index 947de46..e622f79 100644
--- a/templates/competitions.html
+++ b/templates/competitions.html
@@ -18,7 +18,8 @@
                 <h1 class="heading" id="comp">Competition log</h1>
                 <hr id="comp-hr">
 
-                {% for season, comps in competitions_by_season.items() %}
+                <div class="content-container">
+                    {% for season, comps in competitions_by_season.items() %}
                 <h1 id="{{ season.replace(' ', '') }}" class="competition-year">{{ season }}</h1>
 
                 {% for comp in comps %}
@@ -48,9 +49,10 @@
                     </ul>
                     {% endif %}
                 </div>
-                {% endfor %}
+                    {% endfor %}
 
-                {% endfor %}
+                    {% endfor %}
+                </div>
 
             </div>
         </div>
diff --git a/templates/contact.html b/templates/contact.html
index 960a86f..f8397a1 100644
--- a/templates/contact.html
+++ b/templates/contact.html
@@ -7,10 +7,12 @@
 <div class="contact">
         <br>
         <h1 class="heading" id="spon"><span class="emoji contact">Contact</span></h1>
-        <hr>       
-            <p class="info">🌐 you can find us on several platforms! 🌐</p>
-        <div class="contact-container">
-            <div class="card-container">
+        <hr>
+        <div class="team-info">
+            <div class="content-container">
+                <p class="info">🌐 you can find us on several platforms! 🌐</p>
+                <div class="contact-container">
+                    <div class="card-container">
                 <a href="https://www.instagram.com/technicalturbulence23344/" target="_blank" class="card">
                     <div class="card-content">
                         <img src="{{ url_for('static', filename='images/insta5.png') }}" alt="Image 1">
@@ -25,7 +27,9 @@
                     <div class="card-content">
                         <img src="{{ url_for('static', filename='images/youtubee.png') }}" alt="Image 3">
                     </div>
-                </a>
+                    </a>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
diff --git a/templates/contributors.html b/templates/contributors.html
index 7cc2c56..5e43e4c 100644
--- a/templates/contributors.html
+++ b/templates/contributors.html
@@ -36,8 +36,10 @@
         <br>
         <h1 class="heading"><span class="emoji sponsors" id="team">Our mentors and coaches</span></h1>
         <hr>
-        <p class="info">❤️ meet our amazing coach and mentors! ❤️</p>
-        <div class="members-container">
+        <div class="team-info">
+            <div class="content-container">
+                <p class="info">❤️ meet our amazing coach and mentors! ❤️</p>
+                <div class="members-container">
             {% for mentor in mentors %}
             <div class="member-card">
                 {% if mentor.image_path %}
@@ -45,14 +47,18 @@
                 {% endif %}
                 <h2 class="member-name">{{ mentor.name }}</h2>
                 <p class="member-role">{{ mentor.role }}</p>
+                </div>
+                {% endfor %}
+                </div>
             </div>
-            {% endfor %}
         </div>
         <h1 class="heading"><span class="emoji team" id="team">Our team</span></h1>
         <hr>
-        <p class="info">⭐ meet our amazing team! ⭐</p>
+        <div class="team-info">
+            <div class="content-container">
+                <p class="info">⭐ meet our amazing team! ⭐</p>
 
-        <div class="members-container">
+                <div class="members-container">
             {% for member in members %}
             <div class="member-card">
                 {% if member.image_path %}
@@ -60,8 +66,10 @@
                 {% endif %}
                 <h2 class="member-name">{{ member.name }}</h2>
                 <p class="member-role">{{ member.role }}</p>
+                </div>
+                {% endfor %}
+                </div>
             </div>
-            {% endfor %}
         </div>
 
     </div>
diff --git a/templates/sponsors.html b/templates/sponsors.html
index 13ce64b..800a608 100644
--- a/templates/sponsors.html
+++ b/templates/sponsors.html
@@ -7,18 +7,22 @@
 <div class="sponsors">
         <br>
         <h1 class="heading" id="spon"><span class="emoji sponsors">Sponsors</span></h1>
-        <hr>     
-        <p class="info">❤️ companies of various sizes sponsor our initiatives. ❤️</p>
-        
-        <div class="sponsors-container">
-            <div class="card-container">
+        <hr>
+        <div class="team-info">
+            <div class="content-container">
+                <p class="info">❤️ companies of various sizes sponsor our initiatives. ❤️</p>
+                
+                <div class="sponsors-container">
+                    <div class="card-container">
                 {% for sponsor in sponsors %}
                 <a href="{{ sponsor.website_url }}" target="_blank" class="card-sponsors">
                     <div class="card-content-sponsors">
                         <img src="{{ url_for('static', filename=sponsor.logo_path) }}" alt="{{ sponsor.name }}">
                     </div>
                 </a>
-                {% endfor %}
+                    {% endfor %}
+                    </div>
+                </div>
             </div>
         </div>