diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 1f89c891..882ca81a 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -303,6 +303,10 @@
     button {
       margin: 0;
     }
+
+    .subscribe-button {
+      width: 2em;
+    }
   }
 }
 
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 289db15b..8b0931c7 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -198,7 +198,7 @@
             <template v-if="relationship.following">
               <ProgressButton
                 v-if="!relationship.subscribing"
-                class="btn button-default"
+                class="btn button-default subscribe-button"
                 :click="subscribeUser"
                 :title="$t('user_card.subscribe')"
               >
@@ -206,7 +206,7 @@
               </ProgressButton>
               <ProgressButton
                 v-else
-                class="btn button-default toggled"
+                class="btn button-default subscribe-button toggled"
                 :click="unsubscribeUser"
                 :title="$t('user_card.unsubscribe')"
               >