diff --git a/app/admin/page.tsx b/app/admin/page.tsx
index 2559d62..e9973fa 100644
--- a/app/admin/page.tsx
+++ b/app/admin/page.tsx
@@ -105,7 +105,7 @@ export default function Admin() {
                                 type="password"
                                 ref={pinRef}
                                 placeholder="•••••"
-                                className={`w-full bg-white border text-center text-2xl text-ebony font-mono p-3 rounded-xl focus:outline-none ${loginError ? 'border-emergency/50 bg-emergency/5' : 'border-slate-teal/20 focus:border-slate-teal'}`}
+                                className={`w-full bg-white border text-center text-2xl text-ebony font-mono p-3 rounded-xl tracking-widest focus:outline-none ${loginError ? 'border-emergency/50 bg-emergency/5' : 'border-slate-teal/20 focus:border-slate-teal'}`}
                                 onChange={() => setLoginError(false)}
                             />
                         </div>
@@ -123,7 +123,7 @@ export default function Admin() {
 
     const availableTabs = [];
     if (currentUser.role === 'Admin') availableTabs.push({ id: 'setup', icon: CalendarRange, label: 'Perioder' });
-    if (currentUser.role === 'Admin') availableTabs.push({ id: 'notice', icon: BellRing, label: 'Notis' });
+    if (currentUser.role === 'Admin' || currentUser.role === 'Staff') availableTabs.push({ id: 'notice', icon: BellRing, label: 'Notis' });
     if (currentUser.role === 'Admin' || currentUser.role === 'Staff') availableTabs.push({ id: 'today', icon: ClipboardCheck, label: 'Närvaro' });
     availableTabs.push({ id: 'report', icon: UsersIcon, label: 'Rapport' });