diff --git a/surfsense_web/components/ui/shortcut-kbd.tsx b/surfsense_web/components/ui/shortcut-kbd.tsx
index bf2d3e307..e65c4b586 100644
--- a/surfsense_web/components/ui/shortcut-kbd.tsx
+++ b/surfsense_web/components/ui/shortcut-kbd.tsx
@@ -13,7 +13,10 @@ export function ShortcutKbd({ keys, className }: ShortcutKbdProps) {
 			{keys.map((key) => (
 				<kbd
 					key={key}
-					className="inline-flex size-[18px] items-center justify-center rounded-[4px] bg-white/[0.18] font-sans text-[11px] leading-none"
+					className={cn(
+						"inline-flex h-[18px] items-center justify-center rounded-[4px] bg-white/[0.18] font-sans text-[11px] leading-none",
+						key.length > 1 ? "px-1" : "w-[18px]"
+					)}
 				>
 					{key}
 				</kbd>