diff --git a/src/css/main.css b/src/css/main.css
index 424b6ad..2ed117f 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -748,6 +748,24 @@ ul.icons li > span {
text-decoration: none;
}
+.social-icon-link {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.35em;
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.social-icon-link:hover {
+ color: #ffffff;
+}
+
+.social-svg-icon {
+ width: 1.1em;
+ height: 1.1em;
+ vertical-align: middle;
+ flex-shrink: 0;
+}
+
ul.actions {
cursor: default;
list-style: none;
diff --git a/src/index.html b/src/index.html
index 2991d02..c58f8f0 100644
--- a/src/index.html
+++ b/src/index.html
@@ -173,8 +173,16 @@ Discussion and Notification Group
Social