diff --git a/static/main/css/colors.css b/static/main/css/colors.css
index 11e8cf1..b03cc36 100644
--- a/static/main/css/colors.css
+++ b/static/main/css/colors.css
@@ -78,6 +78,8 @@
     --color-card-border: var(--color-scale-gray-0-transparent-10);
     --color-card-bg-hover: var(--color-scale-purple-4-transparent-10);
     --color-card-accent: var(--color-accent-fg);
+
+    --color-social-icon-bg: var(--color-scale-gray-1);
 }
 
 [data-color-mode="light"] {
@@ -114,4 +116,6 @@
     --color-card-border: var(--color-scale-gray-1-transparent-15);
     --color-card-bg-hover: var(--color-scale-purple-2-transparent-40);
     --color-card-accent: var(--color-accent-fg);
+
+    --color-social-icon-bg: var(--color-scale-gray-0);
 }
diff --git a/static/main/css/index.css b/static/main/css/index.css
index 568db18..c8d66f0 100644
--- a/static/main/css/index.css
+++ b/static/main/css/index.css
@@ -55,7 +55,7 @@ video {
 }
 
 .social-link:hover > i {
-    background-color: var(--color-fg-default);
+    background-color: var(--color-social-icon-bg);
 }
 
 .email:hover > i {