diff --git a/webapp/IronCalc/src/components/ColorPicker/ColorPicker.tsx b/webapp/IronCalc/src/components/ColorPicker/ColorPicker.tsx
index 0374216..ccb57a7 100644
--- a/webapp/IronCalc/src/components/ColorPicker/ColorPicker.tsx
+++ b/webapp/IronCalc/src/components/ColorPicker/ColorPicker.tsx
@@ -235,6 +235,7 @@ const MenuItemSquare = styled.div`
   height: 16px;
   box-sizing: border-box;
   margin-top: 0px;
+  border: 1px solid ${theme.palette.grey["300"]};
   border-radius: 4px;
 `;