src/App.scss

@@ -771,8 +771,6 @@ option {
 
 .btn.button-default {
   min-height: 2em;
-  padding-left: 0.5em;
-  padding-right: 0.5em;
 }
 
 .new-status-notification {
@@ -786,11 +784,6 @@ option {
   .mobile-hidden {
     display: none;
   }
-
-  .btn.button-default {
-    padding-left: 0.7em;
-    padding-right: 0.7em;
-  }
 }
 
 @keyframes spin {

src/components/user_card/user_card.scss

@@ -303,6 +303,10 @@
     button {
       margin: 0;
     }
+
+    .subscribe-button {
+      width: 2em;
+    }
   }
 }
 

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')"
               >