From 647131d59d6e2d72cdc110353097202b297ea1ec Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Fri, 26 Jun 2026 19:49:27 +0800
Subject: [PATCH] fix(web): wrap security compliance drilldown labels

---
 apps/web/src/app/[locale]/security-compliance/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/app/[locale]/security-compliance/page.tsx b/apps/web/src/app/[locale]/security-compliance/page.tsx
index 5c6c132c..fa0659f5 100644
--- a/apps/web/src/app/[locale]/security-compliance/page.tsx
+++ b/apps/web/src/app/[locale]/security-compliance/page.tsx
@@ -820,11 +820,11 @@ export default function SecurityCompliancePage({
                 href={item.href as Route}
                 className="group min-w-0 border border-[#e0ddd4] bg-[#faf9f3] p-4 text-[#141413] no-underline transition hover:border-[#d97757] hover:bg-[#fffaf7]"
               >
-                <div className="flex items-center justify-between gap-3">
+                <div className="flex min-w-0 flex-wrap items-center justify-between gap-3">
                   <span className="flex h-9 w-9 shrink-0 items-center justify-center border border-[#d8d3c7] bg-white text-[#5f5d57] group-hover:text-[#d97757]">
                     <Icon className="h-4 w-4" aria-hidden="true" />
                   </span>
-                  <span className="min-w-0 text-right text-[11px] font-semibold text-[#87867f]">
+                  <span className="min-w-0 max-w-full break-all text-right text-[11px] font-semibold text-[#87867f]">
                     {item.href.replace(`/${params.locale}`, "")}
                   </span>
                 </div>