diff --git a/.storybook/theme.js b/.storybook/theme.js
index b34d3403c..5fb259459 100644
--- a/.storybook/theme.js
+++ b/.storybook/theme.js
@@ -8,7 +8,7 @@ import {
   PharosColorInteractivePrimary,
   PharosColorTextBase,
   PharosColorTextWhite,
-} from '../packages/pharos/lib/styles/variables.js';
+} from '../packages/pharos/lib/styles/variables';
 import logo from './assets/images/jstor-logo.svg';
 
 export default create({
diff --git a/packages/pharos-site/initComponents.tsx b/packages/pharos-site/initComponents.tsx
index b805a8b1a..3af3951fc 100644
--- a/packages/pharos-site/initComponents.tsx
+++ b/packages/pharos-site/initComponents.tsx
@@ -1,4 +1,4 @@
-const pharos = typeof window !== `undefined` ? require('@ithaka/pharos/lib/index') : null;
+const pharos = typeof window !== `undefined` ? require('@ithaka/pharos') : null;
 const registerComponents =
   typeof window !== `undefined` ? require('@ithaka/pharos/lib/utils/registerComponents') : null;
 
diff --git a/packages/pharos-site/package.json b/packages/pharos-site/package.json
index 2e825acc0..500fe6500 100644
--- a/packages/pharos-site/package.json
+++ b/packages/pharos-site/package.json
@@ -53,5 +53,8 @@
     "type": "git",
     "url": "git+https://github.com/ithaka/pharos.git",
     "directory": "site"
+  },
+  "exports": {
+    "./lib/utils/scss/mixins.scss": "./lib/utils/scss/mixins.scss"
   }
 }