From ed3de528f3f804fd11c8a435a109a68a6294dd8c Mon Sep 17 00:00:00 2001
From: Muhammad Usman <muhammadusmandev@yahoo.com>
Date: Mon, 10 Nov 2025 10:30:42 -0800
Subject: [PATCH] fix: events type apps tab (Available Apps) section overflow
 small screens (#23972)

Co-authored-by: Kartik Saini <41051387+kart1ka@users.noreply.github.com>
---
 packages/ui/components/section/section.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/components/section/section.tsx b/packages/ui/components/section/section.tsx
index f6a6273b68..4161c93d28 100644
--- a/packages/ui/components/section/section.tsx
+++ b/packages/ui/components/section/section.tsx
@@ -51,7 +51,7 @@ const Description = ({
 }) => {
   const Component = as ? Slot : "h3";
   return (
-    <Component ref={ref} className="text-subtle line-clamp-1 text-sm">
+    <Component ref={ref} className="text-subtle line-clamp-1 text-sm break-all">
       {children}
     </Component>
   );
@@ -103,7 +103,7 @@ const Header = ({
   rawHeading?: React.ReactNode;
 }) => {
   return (
-    <div ref={ref} className="flex items-center justify-between gap-3">
+    <div ref={ref} className="flex items-center justify-between flex-wrap sm:flex-nowrap gap-3">
       <div className="flex items-center gap-2">
         {icon && !iconSlot && <Icon name={icon} />}
         {iconSlot && <Icon iconSlot={iconSlot} />}