From e7bfd4e943e37c6e60fb319fca647a1381fecb0b Mon Sep 17 00:00:00 2001
From: Sidney Alcantara <sidney@sidney.me>
Date: Thu, 9 Sep 2021 18:54:23 +1000
Subject: [PATCH] CellValidation: add box-shadow to improve dot appearance

---
 src/components/Table/CellValidation.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/Table/CellValidation.tsx b/src/components/Table/CellValidation.tsx
index 70fd69a8..401a2ea3 100644
--- a/src/components/Table/CellValidation.tsx
+++ b/src/components/Table/CellValidation.tsx
@@ -29,6 +29,11 @@ const Dot = styled("div")(({ theme }) => ({
 
   borderRadius: "50%",
   backgroundColor: theme.palette.error.main,
+
+  boxShadow: `0 0 0 4px var(--background-color)`,
+  ".rdg-row:hover &": {
+    boxShadow: `0 0 0 4px var(--row-hover-background-color)`,
+  },
 }));
 
 export interface ICellValidationProps