diff --git a/src/components/style_switcher/style_switcher.js b/src/components/style_switcher/style_switcher.js
index b78d8236..03cbb2a1 100644
--- a/src/components/style_switcher/style_switcher.js
+++ b/src/components/style_switcher/style_switcher.js
@@ -163,8 +163,8 @@ export default {
         )
         if (!slotIsText) return acc
         const { layer, variant } = slotIsBaseText ? { layer: 'bg' } : value
-        const opacitySlot = getOpacitySlot(SLOT_INHERITANCE[variant || layer])
         const background = variant || layer
+        const opacitySlot = getOpacitySlot(SLOT_INHERITANCE[background])
         const textColors = [
           key,
           ...(background === 'bg' ? ['cRed', 'cGreen', 'cBlue', 'cOrange'] : [])