Merge pull request #1907 from habx/fix/5.37/APP-21598

APP-21598: fix change background colour of `NavBar` container
habx · Jun 11, 2021 · 3b5f4d2 · 3b5f4d2
2 parents fc513a4 + 0d3ab54
commit 3b5f4d2
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/src/NavBar/NavBar.style.ts b/src/NavBar/NavBar.style.ts
@@ -2,7 +2,6 @@ import styled from 'styled-components'
 
 import { transition } from '../animations'
 import { Background } from '../Background'
-import { palette } from '../palette'
 import { theme } from '../theme'
 
 const EXPANDED_SIZE = 332
@@ -55,7 +54,7 @@ export const NavBarContainer = styled.ul<{ backgroundColor: string }>`
   flex-direction: column;
   transition: ${transition('width')};
   font-family: ${theme.font()};
-  background: ${palette.purpleDawn[900]};
+  background: ${(props) => props.backgroundColor};
 
   &[data-hover-icon='true'] {
     width: ${DEFAULT_SIZE + 6}px;