Added DialogButton to handle mobile.

src/components/common/DataGrid.tsx

@@ -64,7 +64,7 @@ export function DataGrid({
   return (
     <Column gap="4" minHeight="300px">
       {allowSearch && (
-        <Row alignItems="center" justifyContent="space-between">
+        <Row alignItems="center" justifyContent="space-between" wrap="wrap" gap>
           <SearchField
             value={search}
             onSearch={handleSearch}

src/components/common/FilterRecord.tsx

@@ -104,8 +104,8 @@ export function FilterRecord({
             </Select>
           )}
         </Grid>
-        <Column justifyContent="flex-end">
-          <Button variant="quiet" onPress={() => onRemove?.(name)}>
+        <Column justifyContent="flex-start">
+          <Button onPress={() => onRemove?.(name)}>
             <Icon>
               <X />
             </Icon>

src/components/common/MobileMenu.tsx

@@ -9,7 +9,7 @@ export function MobileMenu(props: DialogProps) {
           <Menu />
         </Icon>
       </Button>
-      <Modal position="left" offset="80px">
+      <Modal placement="left" offset="80px">
         <Dialog variant="sheet" {...props} />
       </Modal>
     </DialogTrigger>