diff --git a/apps/portal/src/components/questions/DeleteListDialog.tsx b/apps/portal/src/components/questions/DeleteListDialog.tsx
new file mode 100644
index 00000000..3da568d2
--- /dev/null
+++ b/apps/portal/src/components/questions/DeleteListDialog.tsx
@@ -0,0 +1,29 @@
+import { Button, Dialog } from '@tih/ui';
+
+export type DeleteListDialogProps = {
+  onCancel: () => void;
+  onDelete: () => void;
+  show: boolean;
+};
+export default function DeleteListDialog({
+  show,
+  onCancel,
+  onDelete,
+}: DeleteListDialogProps) {
+  return (
+    <Dialog
+      isShown={show}
+      primaryButton={
+        <Button label="Delete" variant="primary" onClick={onDelete} />
+      }
+      secondaryButton={
+        <Button label="Cancel" variant="tertiary" onClick={onCancel} />
+      }
+      title="Delete List"
+      onClose={onCancel}>
+      <p>
+        Are you sure you want to delete this list? This action cannot be undone.
+      </p>
+    </Dialog>
+  );
+}