diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index d66108927..372ce44c9 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -177,12 +177,19 @@
     display: grid;
     grid-auto-flow: column;
     grid-gap: 0.6em;
+    font-size: 110%;
 
-    a, button {
+    a, button, div {
       text-align: center;
       width: 2em;
       height: 2em;
       line-height: 2em;
+      padding: 0.6em;
+      margin: -0.6em;
+
+      &:hover .icon {
+        color: var(--textFaint);
+      }
 
       &:not(:hover) .icon {
         color: var(--lightText);
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index b6912066b..a3c71b169 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -31,6 +31,12 @@
   .other-actions {
     top: -0.6em;
     right: -0.6em;
+
+    a, button, div {
+      width: 2em;
+      height: 2em;
+      line-height: 2em;
+    }
   }
 
   .user-info {