From 9d3f918aefb0bb2da9e50cc09bf515f99a09a1a7 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Tue, 16 Jun 2026 15:45:50 +0200
Subject: [PATCH] fix(ui): scale subcompany logos dynamically to prevent
 overflow

---
 components/blocks/SubCompanyTiles.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/blocks/SubCompanyTiles.tsx b/components/blocks/SubCompanyTiles.tsx
index 80392cf3a..af469161a 100644
--- a/components/blocks/SubCompanyTiles.tsx
+++ b/components/blocks/SubCompanyTiles.tsx
@@ -172,7 +172,7 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
                     {/* LOGO RENDERING */}
                     {isEtib ? (
                       <div className="flex flex-col items-center">
-                        <div className="relative w-48 h-14 mb-2">
+                        <div className="relative w-32 md:w-40 lg:w-44 h-10 md:h-12 lg:h-14 mb-2 max-w-[85%]">
                           <Image
                             src="/assets/logo-white.png"
                             alt="E-TIB Logo"
@@ -181,17 +181,17 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
                           />
                         </div>
                         {isIng && (
-                          <div className="text-white/80 tracking-[0.2em] text-[10px] sm:text-xs font-semibold uppercase mt-1 text-center">
+                          <div className="text-white/80 tracking-[0.15em] sm:tracking-[0.2em] text-[9px] sm:text-[10px] lg:text-[11px] font-semibold uppercase mt-1 text-center">
                             Ingenieurgesellschaft
                           </div>
                         )}
                         {isVerwaltung && (
-                          <div className="text-white/80 tracking-[0.2em] text-[10px] sm:text-xs font-semibold uppercase mt-1 text-center">
+                          <div className="text-white/80 tracking-[0.15em] sm:tracking-[0.2em] text-[9px] sm:text-[10px] lg:text-[11px] font-semibold uppercase mt-1 text-center">
                             Verwaltung GmbH
                           </div>
                         )}
                         {isBohrtechnik && (
-                          <div className="text-white/80 tracking-[0.2em] text-[10px] sm:text-xs font-semibold uppercase mt-1 text-center">
+                          <div className="text-white/80 tracking-[0.15em] sm:tracking-[0.2em] text-[9px] sm:text-[10px] lg:text-[11px] font-semibold uppercase mt-1 text-center">
                             Bohrtechnik GmbH
                           </div>
                         )}