diff --git a/js_modules/dagster-ui/packages/ui-components/.storybook/blueprint.css b/js_modules/dagster-ui/packages/ui-components/.storybook/blueprint.css
deleted file mode 100644
index 65d28041a1cd4..0000000000000
--- a/js_modules/dagster-ui/packages/ui-components/.storybook/blueprint.css
+++ /dev/null
@@ -1,3 +0,0 @@
-@import '@blueprintjs/core/lib/css/blueprint.css';
-@import '@blueprintjs/select/lib/css/blueprint-select.css';
-@import '@blueprintjs/popover2/lib/css/blueprint-popover2.css';
\ No newline at end of file
diff --git a/js_modules/dagster-ui/packages/ui-components/.storybook/preview.js b/js_modules/dagster-ui/packages/ui-components/.storybook/preview.js
index 334db2d671118..269501617766e 100644
--- a/js_modules/dagster-ui/packages/ui-components/.storybook/preview.js
+++ b/js_modules/dagster-ui/packages/ui-components/.storybook/preview.js
@@ -17,7 +17,9 @@ import {MemoryRouter} from 'react-router-dom';
 
 import {createGlobalStyle} from 'styled-components';
 
-import './blueprint.css';
+import '@blueprintjs/core/lib/css/blueprint.css';
+import '@blueprintjs/select/lib/css/blueprint-select.css';
+import '@blueprintjs/popover2/lib/css/blueprint-popover2.css';
 
 const GlobalStyle = createGlobalStyle`
   * {
diff --git a/js_modules/dagster-ui/packages/ui-components/rollup.config.js b/js_modules/dagster-ui/packages/ui-components/rollup.config.js
index d44a2b3b9ccd2..a699c86e1cd40 100644
--- a/js_modules/dagster-ui/packages/ui-components/rollup.config.js
+++ b/js_modules/dagster-ui/packages/ui-components/rollup.config.js
@@ -24,7 +24,7 @@ export default {
     // without pulling in the entire library.
     'components/Box': './src/components/Box.tsx',
     'components/Button': './src/components/Button.tsx',
-    'components/Colors': './src/components/Colors.tsx',
+    'components/Color': './src/components/Color.tsx',
     'components/Icon': './src/components/Icon.tsx',
   },
   output: {
diff --git a/js_modules/dagster-ui/packages/ui-components/src/components/Box.tsx b/js_modules/dagster-ui/packages/ui-components/src/components/Box.tsx
index 70bc9c77be136..40dbbc9074b0d 100644
--- a/js_modules/dagster-ui/packages/ui-components/src/components/Box.tsx
+++ b/js_modules/dagster-ui/packages/ui-components/src/components/Box.tsx
@@ -4,7 +4,7 @@ import {Colors} from './Color';
 import {BorderSetting, BorderSide, DirectionalSpacing, FlexProperties} from './types';
 import {assertUnreachable} from '../util/assertUnreachable';
 
-interface Props {
+export interface Props {
   background?: string | null;
   border?: BorderSide | BorderSetting | null;
   flex?: FlexProperties | null;
diff --git a/js_modules/dagster-ui/packages/ui-core/.storybook/preview-head.html b/js_modules/dagster-ui/packages/ui-core/.storybook/preview-head.html
deleted file mode 100644
index 5983ed3504097..0000000000000
--- a/js_modules/dagster-ui/packages/ui-core/.storybook/preview-head.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<link rel="preconnect" href="https://fonts.googleapis.com" />
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-<link
-  href="https://fonts.googleapis.com/css2?family=Inter:wght@400..600&family=Inconsolata:wght@400..600"
-  rel="stylesheet"
-/>