diff --git a/html/admin.html b/html/admin.html
index 46dc1fa..345041b 100644
--- a/html/admin.html
+++ b/html/admin.html
@@ -601,7 +601,7 @@
                             <span class="col sm button ~critical @low center mb-2" id="accounts-delete-user">{{ .quantityStrings.deleteUser.Singular }}</span>
                         </div>
                     </div>
-                    <div class="card ~neutral @low accounts-header table-responsive mt-8">
+                    <div class="card @low accounts-header table-responsive mt-8">
                         <table class="table">
                             <thead>
                                 <tr>
diff --git a/ts/modules/accounts.ts b/ts/modules/accounts.ts
index 1515ff4..38d5935 100644
--- a/ts/modules/accounts.ts
+++ b/ts/modules/accounts.ts
@@ -193,8 +193,8 @@ class user implements User {
         if (!u) {
             this._notifyDropdown.querySelector(".accounts-area-matrix").classList.add("unfocused");
             this._matrix.innerHTML = `
-            <div class="table-inline">
-                <span class="chip btn @low w-100"><i class="ri-link" alt="${window.lang.strings("add")}"></i></span>
+            <div class="table-inline justify-center">
+                <span class="chip btn @low"><i class="ri-link" alt="${window.lang.strings("add")}"></i></span>
                 <input type="text" class="input ~neutral @low stealth-input unfocused" placeholder="@user:riot.im">
             </div>
             `;
@@ -220,7 +220,7 @@ class user implements User {
             input.classList.remove("unfocused");
             addIcon.classList.add("ri-check-line");
             addIcon.classList.remove("ri-link");
-            addButton.classList.remove("chip", "w-100")
+            addButton.classList.remove("chip")
             const outerClickListener = (event: Event) => {
                 if (!(event.target instanceof HTMLElement && (this._matrix.contains(event.target) || addButton.contains(event.target)))) {
                     document.dispatchEvent(new CustomEvent("accounts-reload"));
@@ -264,7 +264,7 @@ class user implements User {
         this._telegramUsername = u;
         if (!u) {
             this._notifyDropdown.querySelector(".accounts-area-telegram").classList.add("unfocused");
-            this._telegram.innerHTML = `<span class="chip btn @low w-100"><i class="ri-link" alt="${window.lang.strings("add")}"></i></span>`;
+            this._telegram.innerHTML = `<div class="table-inline justify-center"><span class="chip btn @low"><i class="ri-link" alt="${window.lang.strings("add")}"></i></span></div>`;
             (this._telegram.querySelector("span") as HTMLSpanElement).onclick = this._addTelegram;
         } else {
             this._notifyDropdown.querySelector(".accounts-area-telegram").classList.remove("unfocused");
@@ -329,7 +329,7 @@ class user implements User {
         const lastNotifyMethod = this.lastNotifyMethod() == "discord";
         this._discordUsername = u;
         if (!u) {
-            this._discord.innerHTML = `<span class="chip btn @low w-100"><i class="ri-link" alt="${window.lang.strings("add")}"></i></span>`;
+            this._discord.innerHTML = `<div class="table-inline justify-center"><span class="chip btn @low"><i class="ri-link" alt="${window.lang.strings("add")}"></i></span></div>`;
             (this._discord.querySelector("span") as HTMLSpanElement).onclick = () => addDiscord(this.id);
             this._notifyDropdown.querySelector(".accounts-area-discord").classList.add("unfocused");
         } else {