diff --git a/consoles/my-joy-images/src/components/summary.js b/consoles/my-joy-images/src/components/summary.js
index 74bacfde..3f659d77 100644
--- a/consoles/my-joy-images/src/components/summary.js
+++ b/consoles/my-joy-images/src/components/summary.js
@@ -6,7 +6,7 @@ import Flex, { FlexItem } from 'styled-flex-component';
 import distanceInWordsToNow from 'date-fns/distance_in_words_to_now';
 import titleCase from 'title-case';
 import remcalc from 'remcalc';
-import { breakpoints } from 'joyent-ui-toolkit/dist/es/breakpoints/screens';
+import { ValueBreakpoints as breakpoints } from 'joyent-ui-toolkit';
 
 import {
   Card,
diff --git a/consoles/my-joy-instances/src/components/instances/summary.js b/consoles/my-joy-instances/src/components/instances/summary.js
index e4ab1add..87432697 100644
--- a/consoles/my-joy-instances/src/components/instances/summary.js
+++ b/consoles/my-joy-instances/src/components/instances/summary.js
@@ -8,7 +8,7 @@ import titleCase from 'title-case';
 import get from 'lodash.get';
 import remcalc from 'remcalc';
 import { Field } from 'redux-form';
-import { breakpoints } from 'joyent-ui-toolkit/dist/es/breakpoints/screens';
+import { ValueBreakpoints as breakpoints } from 'joyent-ui-toolkit';
 
 import {
   Card,
diff --git a/consoles/my-joy-navigation/src/components/header.js b/consoles/my-joy-navigation/src/components/header.js
index e3a9c973..2fc957c3 100644
--- a/consoles/my-joy-navigation/src/components/header.js
+++ b/consoles/my-joy-navigation/src/components/header.js
@@ -4,7 +4,7 @@ import emotion from 'preact-emotion';
 import remcalc from 'remcalc';
 import outy from 'outy';
 
-import { breakpoints } from 'joyent-ui-toolkit/dist/es/breakpoints/screens';
+import { ValueBreakpoints as breakpoints } from 'joyent-ui-toolkit';
 
 export const Item = emotion('div')`
   order: 0;
diff --git a/packages/instance-steps/src/package/components.js b/packages/instance-steps/src/package/components.js
index 278ea7c8..6e14cd3c 100644
--- a/packages/instance-steps/src/package/components.js
+++ b/packages/instance-steps/src/package/components.js
@@ -31,7 +31,7 @@ import {
 } from 'joyent-ui-toolkit';
 
 import { NoPackages } from 'joyent-logo-assets';
-import { breakpoints } from 'joyent-ui-toolkit/dist/es/breakpoints/screens';
+import { ValueBreakpoints as breakpoints } from 'joyent-ui-toolkit';
 import { EmptyState } from 'joyent-icons';
 
 const GroupIcons = {
diff --git a/packages/ui-toolkit/src/index.js b/packages/ui-toolkit/src/index.js
index 9e5a7e97..5a7602a3 100644
--- a/packages/ui-toolkit/src/index.js
+++ b/packages/ui-toolkit/src/index.js
@@ -21,7 +21,8 @@ export { default as Breadcrumb, Item as BreadcrumbItem } from './breadcrumb';
 
 export {
   styled as StyledBreakpoints,
-  query as QueryBreakpoints
+  query as QueryBreakpoints,
+  breakpoints as ValueBreakpoints
 } from './breakpoints';
 
 export {