diff --git a/style.css b/style.css
index 21b69d0..764b184 100644
--- a/style.css
+++ b/style.css
@@ -392,14 +392,14 @@ footer > .dot {
     color: var(--bg-t);
 }
 
-.intro-box, .navbar, .about-me, .links, .socials, .fun-facts, .user-reviews, .buttons {
+.intro-box, .navbar, .about-me, .socials, .links, .fun-facts, .user-reviews, .buttons {
     position: relative;
     display: flex;
     padding: 30px;
     background-color: var(--bg);
 }
 
-.intro-text, .navbar, .about-me, .links, .socials, .fun-facts, .user-reviews, .buttons {
+.intro-text, .navbar, .about-me, .socials, .links, .fun-facts, .user-reviews, .buttons {
     flex-direction: column;
 }
 
@@ -948,7 +948,7 @@ footer > .dot {
         text-shadow: 0px 0px 14px var(--accent-1);
     }
     
-    .links > .fedi > .dot, .links > .messaging > .dot, .links > .platforms > .dot, .links > .misc > .dot {
+    .socials > .fedi > .dot, .socials > .messaging > .dot, .socials > .platforms > .dot, .socials > .misc > .dot, .links > .fedi > .dot, .links > .messaging > .dot, .links > .platforms > .dot, .links > .misc > .dot {
         color: var(--accent-1);
         text-shadow: 0px 0px 8px var(--accent-1);
     }
@@ -957,7 +957,7 @@ footer > .dot {
         color: var(--bg-t);
     }
     
-    .intro-box, .navbar, .about-me, .links, .fun-facts, .user-reviews, .buttons {
+    .intro-box, .navbar, .about-me, .socials, .links, .fun-facts, .user-reviews, .buttons {
         background-color: var(--bg);
     }