spacing tweaks

aslilac · aslilac · commit 07730bf99ab1 · 2024-01-08T22:36:06.000Z
diff --git a/site/src/components/Dialogs/DeleteDialog/DeleteDialog.tsx b/site/src/components/Dialogs/DeleteDialog/DeleteDialog.tsx
@@ -1,6 +1,7 @@
 import TextField from "@mui/material/TextField";
 import { type Interpolation, type Theme } from "@emotion/react";
 import { type FC, type FormEvent, useId, useState } from "react";
+import { Stack } from "../../Stack/Stack";
 import { ConfirmDialog } from "../ConfirmDialog/ConfirmDialog";
 
 export interface DeleteDialogProps {
@@ -61,17 +62,17 @@ export const DeleteDialog: FC<DeleteDialogProps> = ({
       confirmText={confirmText}
       description={
         <>
-          <p>
-            {verb ?? "Deleting"} this {entity} is irreversible!
-          </p>
+          <Stack spacing={1.5}>
+            <p>
+              {verb ?? "Deleting"} this {entity} is irreversible!
+            </p>
 
-          {Boolean(info) && <div css={styles.callout}>{info}</div>}
+            {Boolean(info) && <div css={styles.callout}>{info}</div>}
 
-          <p>Are you sure you want to proceed?</p>
-
-          <p>
-            Type <strong>{name}</strong> below to confirm.
-          </p>
+            <p>
+              Type <strong>{name}</strong> below to confirm.
+            </p>
+          </Stack>
 
           <form onSubmit={onSubmit}>
             <TextField
