diff --git a/src/static/common/css/common.css b/src/static/common/css/common.css
index 21df6fb8b0..d10c259369 100644
--- a/src/static/common/css/common.css
+++ b/src/static/common/css/common.css
@@ -327,3 +327,11 @@ article .list-romanupper {
     height: auto;
     overflow: visible;
 }
+
+a.twitter-x{
+  color: black;
+  text-decoration: none;
+  font-size: large;
+  font-weight: bold;
+  line-height: 1.25;
+}
\ No newline at end of file
diff --git a/src/themes/clean/assets/css/clean.css b/src/themes/clean/assets/css/clean.css
index b32d7be437..1f5415884d 100644
--- a/src/themes/clean/assets/css/clean.css
+++ b/src/themes/clean/assets/css/clean.css
@@ -453,3 +453,7 @@ header svg {
 .page-item.active .page-link {
   background-color: #4F637D;
 }
+
+.social-share-btn{
+    border: 1px black solid;
+}
\ No newline at end of file
diff --git a/src/themes/material/assets/mat.css b/src/themes/material/assets/mat.css
index ecaac3d2a7..26b3c4ae7d 100644
--- a/src/themes/material/assets/mat.css
+++ b/src/themes/material/assets/mat.css
@@ -562,8 +562,8 @@ nav a.sidenav-trigger i {
 :root {
     --facebook: #3b5998;
     --facebook-hover: #3b5998;
-    --twitter: #00acee;
-    --twitter-hover: #008abe;
+    --twitter: black;
+    --twitter-hover: white;
     --linkedin: #0e76a8;
     --linkedin-hover: #0b5e87;
 }
@@ -584,10 +584,12 @@ nav a.sidenav-trigger i {
 
 .twitter-bg {
     background-color: var(--twitter);
+    color: var(--twitter-hover) !important;
 }
 
 .twitter-bg:hover {
     background-color: var(--twitter-hover);
+    color: var(--twitter) !important;
 }
 
 .linkedin-bg {