diff --git a/packages/template-retail-react-app/app/pages/product-list/partials/color-refinements.jsx b/packages/template-retail-react-app/app/pages/product-list/partials/color-refinements.jsx
index 00b192aa9e..5c8d6ec622 100644
--- a/packages/template-retail-react-app/app/pages/product-list/partials/color-refinements.jsx
+++ b/packages/template-retail-react-app/app/pages/product-list/partials/color-refinements.jsx
@@ -50,7 +50,7 @@ const ColorRefinements = ({filter, toggleFilter, selectedFilters}) => {
                                     <Center
                                         {...styles.swatchButton}
                                         marginRight={0}
-                                        border={'1px solid black'}
+                                        border="1px solid black"
                                     >
                                         <Box
                                             marginRight={0}
diff --git a/packages/template-retail-react-app/app/theme/components/base/checkbox.js b/packages/template-retail-react-app/app/theme/components/base/checkbox.js
index bd37d43d66..9d09880c0a 100644
--- a/packages/template-retail-react-app/app/theme/components/base/checkbox.js
+++ b/packages/template-retail-react-app/app/theme/components/base/checkbox.js
@@ -12,7 +12,7 @@ export default {
         },
         control: {
             marginTop: '2px',
-            borderColor: 'gray.600',
+            borderColor: 'gray.500',
             _checked: {
                 backgroundColor: 'blue.600',
                 borderColor: 'blue.600',