diff --git a/src/FiscalOS.Web/src/components/AddAccountForm.vue b/src/FiscalOS.Web/src/components/AddAccountForm.vue
index b6e2d7f..05085c7 100644
--- a/src/FiscalOS.Web/src/components/AddAccountForm.vue
+++ b/src/FiscalOS.Web/src/components/AddAccountForm.vue
@@ -73,4 +73,15 @@
     gap: 0.25rem;
     align-items: center;
   }
+
+  .add-account-button {
+    background: var(--bg-element);
+    padding: 0.25rem 0.5rem;
+    border-radius: 0.25rem;
+  }
+
+  .add-account-button:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
 </style>
diff --git a/src/FiscalOS.Web/src/components/InstitutionCard.vue b/src/FiscalOS.Web/src/components/InstitutionCard.vue
index b354022..b6ababa 100644
--- a/src/FiscalOS.Web/src/components/InstitutionCard.vue
+++ b/src/FiscalOS.Web/src/components/InstitutionCard.vue
@@ -164,6 +164,17 @@
     gap: 0.5rem;
   }
 
+  .add-account-button {
+    background: var(--bg-element);
+    padding: 0.25rem 0.5rem;
+    border-radius: 0.25rem;
+  }
+
+  .add-account-button:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
   .accounts-list {
     display: flex;
     flex-direction: column;
diff --git a/src/FiscalOS.Web/src/views/AccountsView.vue b/src/FiscalOS.Web/src/views/AccountsView.vue
index 3c40a32..8aac2ae 100644
--- a/src/FiscalOS.Web/src/views/AccountsView.vue
+++ b/src/FiscalOS.Web/src/views/AccountsView.vue
@@ -120,4 +120,15 @@
     gap: 1rem;
     padding: 1rem;
   }
+
+  .add-institution-button {
+    background: var(--bg-element);
+    padding: 0.25rem 0.5rem;
+    border-radius: 0.25rem;
+  }
+
+  .add-institution-button:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
 </style>