diff --git a/src/client/components/PatternButton.ts b/src/client/components/PatternButton.ts
index 00e4d5940..557967107 100644
--- a/src/client/components/PatternButton.ts
+++ b/src/client/components/PatternButton.ts
@@ -25,7 +25,11 @@ export class PatternButton extends LitElement {
   private translatePatternName(prefix: string, patternName: string): string {
     const translation = translateText(`${prefix}.${patternName}`);
     if (translation.startsWith(prefix)) {
-      return patternName[0].toUpperCase() + patternName.substring(1);
+      return patternName
+        .split("_")
+        .filter((word) => word.length > 0)
+        .map((word) => word[0].toUpperCase() + word.substring(1))
+        .join(" ");
     }
     return translation;
   }