diff --git a/src/routes/admin/admin/+page.svelte b/src/routes/admin/admin/+page.svelte
index 70bf3c0..7d6c24c 100644
--- a/src/routes/admin/admin/+page.svelte
+++ b/src/routes/admin/admin/+page.svelte
@@ -125,56 +125,64 @@
 				<td>
 					<div>
 						{#if admin.edit}
-							<button
-								class="btn btn-square"
-								disabled={!permissions.adminWrite()}
-								on:click={async (e) => {
-									await buttonTriggeredRequest(
-										e,
-										updateAdmin(
-											admin.id,
-											admin.username,
-											admin.password,
-											new Permissions(admin.permissions)
-										)
-									);
-									admin.edit = false;
-								}}
-							>
-								<IconOutline name="check-outline" width="24" height="24" />
-							</button>
-							<button
-								class="btn btn-square"
-								disabled={!permissions.adminWrite()}
-								on:click={() => {
-									admin.username = admin.before.username;
-									admin.permissions = admin.before.permissions;
-									admin.edit = false;
-								}}
-							>
-								<IconOutline name="no-symbol-outline" width="24" height="24" />
-							</button>
+							<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
+								<button
+									class="btn btn-square"
+									disabled={!permissions.adminWrite()}
+									on:click={async (e) => {
+										await buttonTriggeredRequest(
+											e,
+											updateAdmin(
+												admin.id,
+												admin.username,
+												admin.password,
+												new Permissions(admin.permissions)
+											)
+										);
+										admin.edit = false;
+									}}
+								>
+									<IconOutline name="check-outline" width="24" height="24" />
+								</button>
+							</span>
+							<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
+								<button
+									class="btn btn-square"
+									disabled={!permissions.adminWrite()}
+									on:click={() => {
+										admin.username = admin.before.username;
+										admin.permissions = admin.before.permissions;
+										admin.edit = false;
+									}}
+								>
+									<IconOutline name="no-symbol-outline" width="24" height="24" />
+								</button>
+							</span>
 						{:else}
-							<button
-								class="btn btn-square"
-								disabled={!permissions.adminWrite()}
-								on:click={() => {
-									admin.edit = true;
-									admin.before = {
-										username: admin.username,
-										permissions: admin.permissions
-									};
-								}}
-							>
-								<IconOutline name="pencil-square-outline" width="24" height="24" />
-							</button>
-							<button
-								class="btn btn-square"
-								disabled={!permissions.adminWrite()}
-								on:click={(e) => buttonTriggeredRequest(e, deleteAdmin(admin.id))}
-							>
-								<IconOutline name="trash-outline" width="24" height="24" />
-							</button>
+							<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
+								<button
+									class="btn btn-square"
+									disabled={!permissions.adminWrite()}
+									on:click={() => {
+										admin.edit = true;
+										admin.before = {
+											username: admin.username,
+											permissions: admin.permissions
+										};
+									}}
+								>
+									<IconOutline name="pencil-square-outline" width="24" height="24" />
+								</button>
+							</span>
+							<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
+								<button
+									class="btn btn-square"
+									disabled={!permissions.adminWrite()}
+									on:click={(e) => buttonTriggeredRequest(e, deleteAdmin(admin.id))}
+								>
+									<IconOutline name="trash-outline" width="24" height="24" />
+								</button>
+							</span>
 						{/if}
 					</div>
 				</td>
@@ -192,21 +200,28 @@
 				/></td
 			>
 			<td>
-				<button
-					class="btn btn-square"
-					disabled={!permissions.adminWrite() || !newAdminUsername || !newAdminPassword}
-					on:click={async (e) => {
-						await buttonTriggeredRequest(
-							e,
-							addAdmin(newAdminUsername, newAdminPassword, new Permissions(newAdminPermissions))
-						);
-						newAdminUsername = '';
-						newAdminPassword = '';
-						newAdminPermissions = [];
-					}}
+				<span
+					class="w-min"
+					class:cursor-not-allowed={!permissions.adminWrite() ||
+						!newAdminUsername ||
+						!newAdminPassword}
 				>
-					<IconOutline name="user-plus-outline" width="24" height="24" />
-				</button>
+					<button
+						class="btn btn-square"
+						disabled={!permissions.adminWrite() || !newAdminUsername || !newAdminPassword}
+						on:click={async (e) => {
+							await buttonTriggeredRequest(
+								e,
+								addAdmin(newAdminUsername, newAdminPassword, new Permissions(newAdminPermissions))
+							);
+							newAdminUsername = '';
+							newAdminPassword = '';
+							newAdminPermissions = [];
+						}}
+					>
+						<IconOutline name="user-plus-outline" width="24" height="24" />
+					</button>
+				</span>
 			</td>
 		</tr>
 	</tbody>