diff --git a/src/features/shields/display.ts b/src/features/shields/display.ts
index 60a68648a0bb..532ddf35200d 100644
--- a/src/features/shields/display.ts
+++ b/src/features/shields/display.ts
@@ -3,7 +3,7 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import styled from '../../theme'
-import palette from '../../theme/palette'
+import palette from '../../theme/colors'
 import Button, { Props as ButtonProps } from '../../components/buttonsIndicators/button'
 import { ComponentType } from 'react'
 
diff --git a/src/features/shields/media/index.ts b/src/features/shields/media/index.ts
index 70836b1b1f4c..08f05c6fe53d 100644
--- a/src/features/shields/media/index.ts
+++ b/src/features/shields/media/index.ts
@@ -7,7 +7,7 @@ import { StyledComponentClass } from 'styled-components'
 import { CaratDownIcon, ShieldAlertIcon } from '../../../components/icons'
 
 import { ComponentType } from 'react'
-import palette from '../../../theme/palette'
+import palette from '../../../theme/colors'
 
 // rotated variants
 function RotatedIconComponent (
diff --git a/src/features/shields/structure.ts b/src/features/shields/structure.ts
index 78c8d0be451f..1f86528e2281 100644
--- a/src/features/shields/structure.ts
+++ b/src/features/shields/structure.ts
@@ -3,7 +3,7 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import styled from '../../theme'
-import palette from '../../theme/palette'
+import palette from '../../theme/colors'
 import Background from './media/background.svg'
 import { BlockedInfoRowStats, BlockedInfoRowText } from './display'
 import { StyledWrapper as Toggle } from '../shields/toggle/style'
diff --git a/src/features/shields/toggle/style.ts b/src/features/shields/toggle/style.ts
index 35cb4b722a46..437a13437a64 100644
--- a/src/features/shields/toggle/style.ts
+++ b/src/features/shields/toggle/style.ts
@@ -4,7 +4,7 @@
 
 import styled, { css } from '../../../theme'
 import { Props } from './index'
-import palette from '../../../theme/palette'
+import palette from '../../../theme/colors'
 
 export const StyledCheckbox = styled<{}, 'input'>('input')`
   -webkit-appearance: none;