fix: z-index for close button on error display

onc-healthit · Jun 5, 2024 · 67da7b6 · 67da7b6
1 parent 702fb48
commit 67da7b6
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/c-cda/validation/results/ErrorDisplay.tsx b/src/components/c-cda/validation/results/ErrorDisplay.tsx
@@ -16,7 +16,11 @@ const ErrorDisplayCard = ({ open, handleClose, response }: ErrorDisplayCardProps
     <>
       {response ? (
         <Dialog open={open} maxWidth="sm" onClose={handleClose}>
-          <IconButton aria-label="Close Dialog" sx={{ position: 'absolute', right: 8, top: 8 }} onClick={handleClose}>
+          <IconButton
+            aria-label="Close Dialog"
+            sx={{ zIndex: '1000', position: 'absolute', right: 8, top: 8 }}
+            onClick={handleClose}
+          >
             <CloseIcon htmlColor={palette.white} />
           </IconButton>
           <Box px={4} py={3} alignItems={'flex-start'} display={'flex'} flexDirection={'row'} bgcolor={palette.warning}>