diff --git a/src/components/button/Primary.vue b/src/components/button/Primary.vue
index 7ca3b98..fa86a0c 100644
--- a/src/components/button/Primary.vue
+++ b/src/components/button/Primary.vue
@@ -2,7 +2,7 @@
   <HoppSmartLink
     :to="to"
     :blank="blank"
-    class="relative inline-flex items-center justify-center py-2 font-semibold whitespace-nowrap transition focus:outline-none focus-visible:bg-accentDark"
+    class="relative inline-flex items-center justify-center whitespace-nowrap py-2 font-semibold transition focus:outline-none focus-visible:bg-accentDark"
     :exact="exact"
     :class="[
       color
@@ -40,7 +40,7 @@
           label ? (reverse ? 'ml-2' : 'mr-2') : '',
         ]"
       />
-      <div class="max-w-[16rem] truncate">
+      <div class="max-w-[16rem] truncate" :class="[{ invisible: loading }]">
         {{ label }}
       </div>
       <div v-if="shortcut.length" class="<sm:hidden">