diff --git a/packages/tab/src/css/index.js b/packages/tab/src/css/index.js
index <HASH>..<HASH> 100644
--- a/packages/tab/src/css/index.js
+++ b/packages/tab/src/css/index.js
@@ -2,7 +2,7 @@ import core from '@pluralsight/ps-design-system-core'
 import {
   defaultName as themeDefaultName,
   names as themeNames
-} from '@pluralsight/ps-design-system-theme/react'
+} from '@pluralsight/ps-design-system-theme/vars'
 
 const listItemTextLightHover = {
   color: core.colors.gray06
fix(tab): reference vars from vars instead of react module