diff --git a/resources/js/components/SMSocialIcons.vue b/resources/js/components/SMSocialIcons.vue
index e1275e2..ce0d576 100644
--- a/resources/js/components/SMSocialIcons.vue
+++ b/resources/js/components/SMSocialIcons.vue
@@ -45,9 +45,17 @@
     display: flex;
     font-size: 200%;
     justify-content: center;
+    gap: 32px;
+    flex-wrap: wrap;
 
     li {
-        margin: 0 16px;
+        margin: 0 !important;
+    }
+}
+
+@media only screen and (max-width: 768px) {
+    .social-icons {
+        gap: 16px;
     }
 }
 </style>