fix(web): wrap security compliance drilldown labels

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>