Styling for all forms.

src/components/common/ConfirmationForm.tsx

@@ -25,9 +25,7 @@ export function ConfirmationForm({
 
   return (
     <Form onSubmit={onConfirm} error={error}>
-      <Row marginY="4" gap="2">
-        {message}
-      </Row>
+      <Row marginY="4">{message}</Row>
       <FormButtons>
         <Button onPress={onClose}>{formatMessage(labels.cancel)}</Button>
         <FormSubmitButton

src/components/common/DataGrid.tsx

@@ -5,6 +5,7 @@ import { useMessages, useNavigation } from '@/components/hooks';
 import { Pager } from '@/components/common/Pager';
 import { LoadingPanel } from '@/components/common/LoadingPanel';
 import { PageResult } from '@/lib/types';
+import { Empty } from '@/components/common/Empty';
 
 const DEFAULT_SEARCH_DELAY = 600;
 
@@ -46,6 +47,10 @@ export function DataGrid({
     [search],
   );
 
+  if (data?.data?.length === 0) {
+    return <Empty />;
+  }
+
   return (
     <Column gap="4" minHeight="300px">
       {allowSearch && (data || search) && (