White background on active device interaction step

7 years ago · 4f97232572
1 changed files with 1 additions and 0 deletions
--- a/src/components/DeviceInteraction/components.js
+++ b/src/components/DeviceInteraction/components.js
@ -19,6 +19,7 @@ export const DeviceInteractionStepContainer = styled(Box).attrs({
  ff: 'Open Sans',
  fontSize: 3,
  color: 'graphite',
+  bg: p => (p.isActive && !p.isFinished ? 'white' : ''),
 })`
  position: relative;
  z-index: ${p => (p.isActive ? 1 : '')};