diff --git a/apps/renderer/src/components/ui/scroll-area/ScrollArea.tsx b/apps/renderer/src/components/ui/scroll-area/ScrollArea.tsx
index 7080bc8b52..48f7fc437c 100644
--- a/apps/renderer/src/components/ui/scroll-area/ScrollArea.tsx
+++ b/apps/renderer/src/components/ui/scroll-area/ScrollArea.tsx
@@ -137,7 +137,10 @@ export const ScrollArea = React.forwardRef<
         <Viewport
           ref={setViewportRef}
           onWheel={stopPropagation}
-          className={cn(flex ? "[&>div]:!flex [&>div]:!flex-col" : "", viewportClassName)}
+          className={cn(
+            flex ? "[&>div]:!flex [&>div]:!flex-col" : "[&>div]:!block",
+            viewportClassName,
+          )}
           mask={mask}
         >
           {children}
diff --git a/apps/renderer/src/modules/profile/user-profile-modal.tsx b/apps/renderer/src/modules/profile/user-profile-modal.tsx
index d8a3003258..55a0715b08 100644
--- a/apps/renderer/src/modules/profile/user-profile-modal.tsx
+++ b/apps/renderer/src/modules/profile/user-profile-modal.tsx
@@ -332,7 +332,7 @@ const SubscriptionGroup: FC<{
         className="mb-2 mt-8 flex w-full items-center justify-between text-2xl font-bold"
         type="button"
       >
-        <h3>{category}</h3>
+        <h3 className="truncate">{category}</h3>
 
         <div className="inline-flex shrink-0 items-center opacity-50">
           <i