style: scroll area adjustments

src/components/camoufox-config-dialog.tsx

@@ -107,7 +107,7 @@ export function CamoufoxConfigDialog({
           </DialogTitle>
         </DialogHeader>
 
-        <ScrollArea className="flex-1 h-[400px]">
+        <ScrollArea className="flex-1 h-[320px]">
           <div className="py-4">
             <SharedCamoufoxConfigForm
               config={config}

src/components/proxy-management-dialog.tsx

@@ -16,6 +16,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@/components/ui/dialog";
+import { ScrollArea } from "@/components/ui/scroll-area";
 import {
   Tooltip,
   TooltipContent,
@@ -130,7 +131,8 @@ export function ProxyManagementDialog({
                   </RippleButton>
                 </div>
               ) : (
-                <div className="overflow-y-auto pr-2 space-y-2 h-full">
+                <ScrollArea className="h-[320px] pr-2">
+                  <div className="space-y-2">
                     {storedProxies.map((proxy) => (
                       <div
                         key={proxy.id}
@@ -193,8 +195,8 @@ export function ProxyManagementDialog({
                             <TooltipContent>
                               {(proxyUsage[proxy.id] ?? 0) > 0 ? (
                                 <p>
-                                Cannot delete: in use by {proxyUsage[proxy.id]}{" "}
+                                  Cannot delete: in use by{" "}
-                                profile
+                                  {proxyUsage[proxy.id]} profile
                                   {proxyUsage[proxy.id] > 1 ? "s" : ""}
                                 </p>
                               ) : (
@@ -206,6 +208,7 @@ export function ProxyManagementDialog({
                       </div>
                     ))}
                   </div>
+                </ScrollArea>
               )}
             </div>
           </div>