Lints go away!

ui/src/components/ui/dropdown-menu.tsx

@@ -137,7 +137,7 @@ function DropdownMenuSubContent({
     <DropdownMenuContent
       data-slot="dropdown-menu-sub-content"
       className={cn(
-        "w-auto min-w-[96px] rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        "w-auto min-w-24 rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
         className,
       )}
       align={align}
@@ -170,7 +170,7 @@ function DropdownMenuCheckboxItem({
       {...props}
     >
       <span
-        className="pointer-events-none absolute end-2 flex items-center justify-center"
+        className="pointer-events-none absolute inset-e-2 flex items-center justify-center"
         data-slot="dropdown-menu-checkbox-item-indicator"
       >
         <MenuPrimitive.CheckboxItemIndicator>
@@ -210,7 +210,7 @@ function DropdownMenuRadioItem({
       {...props}
     >
       <span
-        className="pointer-events-none absolute end-2 flex items-center justify-center"
+        className="pointer-events-none absolute inset-e-2 flex items-center justify-center"
         data-slot="dropdown-menu-radio-item-indicator"
       >
         <MenuPrimitive.RadioItemIndicator>

ui/src/components/ui/select.tsx

@@ -128,7 +128,7 @@ function SelectItem({
       </SelectPrimitive.ItemText>
       <SelectPrimitive.ItemIndicator
         render={
-          <span className="pointer-events-none absolute end-2 flex size-4 items-center justify-center" />
+          <span className="pointer-events-none absolute inset-e-2 flex size-4 items-center justify-center" />
         }
       >
         <CheckIcon className="pointer-events-none" />

ui/src/pages/AlertsPage.tsx

@@ -180,7 +180,7 @@ export function AlertsPage({ alerts, transitions, onRefresh }: Props) {
           </label>
 
           <Textarea
-            className="min-h-[230px] font-mono text-xs"
+            className="min-h-57.5 font-mono text-xs"
             readOnly
             value={JSON.stringify(filteredTransitions, null, 2)}
           />

ui/src/pages/AuditPage.tsx

@@ -127,7 +127,7 @@ export function AuditPage({ events, onRefresh }: Props) {
         </p>
 
         <Textarea
-          className="min-h-[360px] font-mono text-xs"
+          className="min-h-90 font-mono text-xs"
           readOnly
           value={JSON.stringify(filtered, null, 2)}
         />