diff --git a/assets/css/profileMode.css b/assets/css/profileMode.css
index 456438a..98feeb8 100644
--- a/assets/css/profileMode.css
+++ b/assets/css/profileMode.css
@@ -37,17 +37,24 @@ img {
 }
 
 .buttons {
+    display: flex;
+    flex-wrap: wrap;
     max-width: 300px;
-    line-height: 2.8;
+    justify-content: center;
 }
 
 .button {
     background: var(--tertiary);
     border-radius: var(--radius);
     margin: 8px;
-    padding: 8px;
+    padding: 6px;
+    transition: transform 0.1s;
 }
 
 .button-inner {
-    padding: 10px;
+    padding: 0 8px;
+}
+
+.button:active, .social-icons>a>svg:active{
+    transform: scale(0.96);
 }
\ No newline at end of file
diff --git a/layouts/partials/indexProfileButtons.html b/layouts/partials/indexProfileButtons.html
index 43ff716..cfd4109 100644
--- a/layouts/partials/indexProfileButtons.html
+++ b/layouts/partials/indexProfileButtons.html
@@ -1,7 +1,7 @@
 {{ range . -}}
-<span class="button">
+<div class="button">
     <a href="{{ .url }}" rel="noopener" title="{{ .name | humanize }}">
         <span class="button-inner">{{ .name }}</span>
     </a>
-</span>
+</div>
 {{- end -}}
\ No newline at end of file