diff --git a/web/src/user/UserInterface.ts b/web/src/user/UserInterface.ts
index 58fc1937fe..d418a6ace9 100644
--- a/web/src/user/UserInterface.ts
+++ b/web/src/user/UserInterface.ts
@@ -165,13 +165,21 @@ class UserInterfacePresentation extends AKElement {
}
return html`
- ${msg("Admin interface")}
- `;
+ class="pf-c-button pf-m-secondary pf-m-small pf-u-display-none pf-u-display-block-on-md"
+ href="${globalAK().api.base}if/admin/"
+ slot="extra"
+ >
+ ${msg("Admin interface")}
+
+
+ ${msg("Admin")}
+ `;
}
+
render() {
// The `!` in the field definitions above only re-assure typescript and eslint that the
// values *should* be available, not that they *are*. Thus this contract check; it asserts