From f385c612f5758532654e044b6717c123a755aa89 Mon Sep 17 00:00:00 2001
From: Benjamin Admin <benjaminadmin@MacBook-Pro.local>
Date: Tue, 14 Apr 2026 23:45:24 +0200
Subject: [PATCH] fix(pitch-deck): regulatory matrix header alignment + labels
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Column headers: centered text labels instead of icons
- Remove colored dots from headers
- Last column: # → Reg. (Regulierungen)
- Consistent column width for last column

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../slides/RegulatoryLandscapeSlide.tsx       | 23 ++++++++++---------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/pitch-deck/components/slides/RegulatoryLandscapeSlide.tsx b/pitch-deck/components/slides/RegulatoryLandscapeSlide.tsx
index 83ab424..af10fb9 100644
--- a/pitch-deck/components/slides/RegulatoryLandscapeSlide.tsx
+++ b/pitch-deck/components/slides/RegulatoryLandscapeSlide.tsx
@@ -103,19 +103,20 @@ export default function RegulatoryLandscapeSlide({ lang }: RegulatoryLandscapeSl
           {/* Matrix Grid */}
           <div className="space-y-1.5">
             {/* Header row */}
-            <div className="grid items-center gap-1" style={{ gridTemplateColumns: '140px repeat(8, 1fr) 50px' }}>
+            <div className="grid items-center gap-1" style={{ gridTemplateColumns: '140px repeat(8, 1fr) 70px' }}>
               <div className="text-[9px] text-white/30 uppercase tracking-wider pl-1">
                 {lang === 'de' ? 'Branche' : 'Industry'}
               </div>
-              {CATEGORIES.map((cat) => {
-                const CatIcon = cat.icon
-                return (
-                  <div key={cat.id} className="flex justify-center">
-                    <CatIcon className="w-3.5 h-3.5 opacity-50" style={{ color: cat.color }} />
-                  </div>
-                )
-              })}
-              <div className="text-[9px] text-white/30 text-center">#</div>
+              {CATEGORIES.map((cat) => (
+                <div key={cat.id} className="text-center">
+                  <span className="text-[8px] font-semibold uppercase tracking-wider" style={{ color: cat.color }}>
+                    {categoryLabels[cat.id]}
+                  </span>
+                </div>
+              ))}
+              <div className="text-[8px] text-white/30 text-center font-semibold uppercase tracking-wider">
+                {lang === 'de' ? 'Reg.' : 'Regs'}
+              </div>
             </div>
 
             {/* Industry rows */}
@@ -125,7 +126,7 @@ export default function RegulatoryLandscapeSlide({ lang }: RegulatoryLandscapeSl
                 <div
                   key={industry.id}
                   className="grid items-center gap-1 py-1.5 rounded-lg hover:bg-white/[0.04] transition-colors"
-                  style={{ gridTemplateColumns: '140px repeat(8, 1fr) 50px' }}
+                  style={{ gridTemplateColumns: '140px repeat(8, 1fr) 70px' }}
                 >
                   <div className="flex items-center gap-2 pl-1">
                     <Icon className="w-3.5 h-3.5 text-white/40" />