diff --git a/index.js b/index.js
index 79c7820..48915e1 100644
--- a/index.js
+++ b/index.js
@@ -323,7 +323,8 @@ async function pageUpdate() {
     addedHTML = ""
 
     var socialsHTML = fs.readFileSync(path.join(__dirname, 'static/socials/index.html')).toString()
-    addedHTML += socialsHTML.substring(socialsHTML.indexOf("<h1>"), socialsHTML.indexOf("</body>"))
+    addedHTML += "<h2><hr>Socials</h2>"
+    addedHTML += socialsHTML.substring(socialsHTML.indexOf("</h1>") + 5, socialsHTML.indexOf("</body>"))
 
     html = html.replace("{SOCIALS}", addedHTML)
 
diff --git a/static/socials/index.html b/static/socials/index.html
index f3224dc..14af341 100644
--- a/static/socials/index.html
+++ b/static/socials/index.html
@@ -24,7 +24,7 @@
 
         <div class="col-sm-6">
             <hr>
-            <h2>Chat Applications:</h2>
+            <h3>Chat Applications:</h3>
             <p class="chip" style="color: limegreen;">Matrix: <a href="https://matrix.to/#/@bingus_violet:catgirl.cloud" rel="me">@bingus_violet&ZeroWidthSpace;:catgirl.cloud</a></p>
             <p class="chip"><span style="color: red;">Revolt:</span> BingusViolet#5573</p>
             <p class="chip"><span style="color: rgb(125, 150, 225)">Discord:</span> bingus_violet</p>
@@ -33,22 +33,23 @@
 
         <div class="col-sm-6">
             <hr>
-            <h2>Social media:</h2>
+            <h3>Social media:</h3>
             <p class="chip" style="color: rgb(200, 175, 255);">Fedi: <a href="https://void.lgbt/bingus_violet" rel="me">@Bingus_Violet&ZeroWidthSpace;@void.lgbt</a></p>
             <p class="chip" style="color: rgb(255, 80, 80)">Youtube: <a href="https://www.youtube.com/channel/UChcrBJNJLZucy3TPyGyAY2g">Violet's Fiasco</a></p>
         </div>
 
         <div class="col-sm-6">
             <hr>
-            <h2>Git sites:</h2>
-            <p class="chip">Github: <a href="https://github.com/Violets-puragtory">Violets-puragtory</a></p>
+            <h3>Coding sites:</h3>
             <p class="chip" style="color: aqua">Codeberg: <a href="https://codeberg.org/Bingus_Violet">Bingus_Violet</a>
+            <p class="chip" style="color: rgb(100, 100, 255)">Docker: <a href="https://hub.docker.com/u/bingusviolet">bingusviolet</a>
+            <p class="chip">Github: <a href="https://github.com/Violets-puragtory">Violets-puragtory</a></p>
             </p>
         </div>
 
         <div class="col-sm-6">
             <hr>
-            <h2>Game sites:</h2>
+            <h3>Game sites:</h3>
             <p class="chip" style="color: darkgrey">Steam: <a href="https://steamcommunity.com/id/Violet-The-Thigh-high-obtainer/">Violet</a></p>
         </div>
 
diff --git a/static/style.css b/static/style.css
index d8ccacd..30f064a 100644
--- a/static/style.css
+++ b/static/style.css
@@ -13,7 +13,15 @@ h1 {
     font-size: 2.5rem;
 }
 
-h2,
+h2 {
+    font-size: 2rem;
+    color: rgb(225, 215, 255)
+}
+
+h3 {
+    font-size: 1.65rem
+}
+
 h3,
 li {
     color: white;