diff --git a/frontend/app/components/Header/OnboardingExplore/FeatureItem.js b/frontend/app/components/Header/OnboardingExplore/FeatureItem.js
index 720014f55..bbc31b3ad 100644
--- a/frontend/app/components/Header/OnboardingExplore/FeatureItem.js
+++ b/frontend/app/components/Header/OnboardingExplore/FeatureItem.js
@@ -9,7 +9,7 @@ const FeatureItem = ({ label, completed = false, subText, onClick }) => {
       className={ cn(stl.wrapper, { [stl.activeLink]: onClick, [stl.completed]: !completed }) }
       onClick={onClick && onClick}
     >
-      <div className={ cn("h-6 w-6 flex-shrink-0 rounded-full flex items-center justify-center", { 'bg-white' : !completed, 'bg-teal' : completed })}>
+      <div className={ cn("h-6 w-6 flex-shrink-0 rounded-full flex items-center justify-center", { 'bg-gray-lightest border' : !completed, 'bg-teal' : completed })}>
         { completed && <Icon name="check" size="16" color="white" /> }
       </div>
       <div className="ml-3">{label}</div>