Mid-rewrite

src/tui/components/Dialog.tsx

@@ -19,6 +19,8 @@ interface DialogWrapperProps {
   children: React.ReactNode;
   /** Dialog width */
   width?: number;
+  /** Dialog Background Color */
+  backgroundColor?: string;
 }
 
 /**
@@ -29,12 +31,15 @@ function DialogWrapper({
   borderColor = colors.primary,
   children,
   width = 60,
+  backgroundColor = colors.bg,
 }: DialogWrapperProps): React.ReactElement {
   return (
     <Box
       flexDirection="column"
       borderStyle="double"
       borderColor={borderColor}
+      // backgroundColor={backgroundColor || 'white'}
+      backgroundColor="white"
       paddingX={2}
       paddingY={1}
       width={width}