fix batch executions width

ui/postcss.config.cjs

@@ -3,14 +3,14 @@ module.exports = {
     "postcss-preset-mantine": {},
     "postcss-simple-vars": {
       variables: {
-        "mantine-breakpoint-xs": "36em",
-        "mantine-breakpoint-sm": "48em",
-        "mantine-breakpoint-md": "62em",
-        "mantine-breakpoint-lg": "75em",
-        "mantine-breakpoint-xl": "88em",
-        "mantine-breakpoint-xl2": "104em",
-        "mantine-breakpoint-xl3": "120em",
-        "mantine-breakpoint-xl4": "136em",
+        "mantine-breakpoint-xs": "40em",
+        "mantine-breakpoint-sm": "54em",
+        "mantine-breakpoint-md": "68em",
+        "mantine-breakpoint-lg": "82em",
+        "mantine-breakpoint-xl": "96em",
+        "mantine-breakpoint-xl2": "110em",
+        "mantine-breakpoint-xl3": "126em",
+        "mantine-breakpoint-xl4": "142em",
       },
     },
   },

ui/src/components/batch-executions.tsx

@@ -15,6 +15,7 @@ import {
   Stack,
   Text,
   TextInput,
+  useMatches,
 } from "@mantine/core";
 import { Types } from "komodo_client";
 import { ChevronDown } from "lucide-react";
@@ -62,19 +63,18 @@ function BatchExecutionsDropdownMenu<T extends Request>({
   onSelect: (item: T) => void;
   disabled: boolean;
 }) {
+  const width = useMatches({
+    base: "target",
+    xs: 250,
+  });
   return (
-    <Menu
-      position="bottom-start"
-      offset={16}
-      disabled={disabled}
-      width="target"
-    >
+    <Menu position="bottom-start" offset={16} disabled={disabled} width={width}>
       <Menu.Target>
         <Button
           leftSection={<ICONS.Execution size="1rem" />}
           rightSection={<ChevronDown size="1rem" />}
           disabled={disabled}
-          w={{ base: "100%", xs: "fit-content" }}
+          w={{ base: "100%", sm: "fit-content" }}
         >
           Execute
         </Button>