diff --git a/packages/base/Resources/Public/Scss/abstracts/_icons.scss b/packages/base/Resources/Public/Scss/abstracts/_icons.scss
index 540f3b1..0b14134 100644
--- a/packages/base/Resources/Public/Scss/abstracts/_icons.scss
+++ b/packages/base/Resources/Public/Scss/abstracts/_icons.scss
@@ -1,26 +1,41 @@
-.ci {
+.ci, 
+a[href*="instagram.com"],
+a[href*="tiktok.com"],
+a[href*="linkedin.com"],
+a[href*="twitter.com"],
+a[href*="x.com"] {
+  display: inline-block;
+  vertical-align: middle;
+  line-height: 1;
   position: relative;
 }
 
-.ci::before {
-  position: relative;
-  top: 3px;
+.ci::before, 
+a[href*="instagram.com*"]::before,
+a[href*="tiktok.com"]::before,
+a[href*="linkedin.com"]::before,
+a[href*="x.com"]::before {
   display: inline-block;
   content: ' ';
   width: 1em;
   height: 1em;
-  mask-size: 1em;
+  mask-size: contain;
   mask-repeat: no-repeat;
-  background-color: currentColor;
   mask-position: center;
+  background-color: currentColor;
+  vertical-align: middle;
 }
 
 .ci-instagram::before {
   mask-image: url(../Icons/instagram.svg);
 }
+
 .ci-tiktok::before {
   mask-image: url(../Icons/tiktok.svg);
+  width: 0.9em;
+  height: 0.9em;
 }
+
 .ci-linkedin::before {
   mask-image: url(../Icons/linkedin.svg);
 }
@@ -34,24 +49,13 @@
   mask-image: url(../Icons/phone.svg);
 }
 
-a[href*="instagram.com"], a[href*="tiktok.com"], a[href*="linkedin.com"], a[href*="twitter.com"], a[href*="x.com"] {
-  position: relative;
-  top: 3px;
-  display: inline-block;
-  content: ' ';
-  width: 1em;
-  height: 1em;
-  mask-size: 1em;
-  mask-repeat: no-repeat;
-  background-color: currentColor;
-  mask-position: center;
-}
-
 a[href*="instagram.com*"]::before {
   mask-image: url(../Icons/instagram.svg);
 }
 a[href*="tiktok.com"]::before {
   mask-image: url(../Icons/tiktok.svg);
+  width: 0.9em;
+  height: 0.9em;
 }
 a[href*="linkedin.com"]::before {
   mask-image: url(../Icons/linkedin.svg);
@@ -60,7 +64,6 @@ a[href*="x.com"]::before {
   mask-image: url(../Icons/x.svg);
 }
 
-/* Newly added icons */
 .ci-angle-right::before {
   mask-image: url(../Icons/angle-right.svg);
 }