diff --git a/packages/cfpb-design-system/src/abstracts/index.js b/packages/cfpb-design-system/src/abstracts/index.js
index 8b46b167bc..557e8d6844 100644
--- a/packages/cfpb-design-system/src/abstracts/index.js
+++ b/packages/cfpb-design-system/src/abstracts/index.js
@@ -1 +1 @@
-export * as varsBreakpoints from './vars-breakpoints';
+export { varsBreakpoints } from './vars-breakpoints';
diff --git a/packages/cfpb-design-system/src/abstracts/vars-breakpoints.js b/packages/cfpb-design-system/src/abstracts/vars-breakpoints.js
index bf82728743..8adb97a478 100644
--- a/packages/cfpb-design-system/src/abstracts/vars-breakpoints.js
+++ b/packages/cfpb-design-system/src/abstracts/vars-breakpoints.js
@@ -7,7 +7,7 @@
          they need to be adjusted in vars-breakpoints.scss as well.
    ========================================================================== */
 
-export default {
+export const varsBreakpoints = {
   bpXS: {
     min: 0,
     max: 600,
diff --git a/packages/cfpb-design-system/src/utilities/breakpoint-state.js b/packages/cfpb-design-system/src/utilities/breakpoint-state.js
index 11a7c9e384..e3178c96aa 100644
--- a/packages/cfpb-design-system/src/utilities/breakpoint-state.js
+++ b/packages/cfpb-design-system/src/utilities/breakpoint-state.js
@@ -2,7 +2,7 @@
    Get Breakpoint State
    ========================================================================== */
 
-import varsBreakpoints from '../abstracts/vars-breakpoints.js';
+import { varsBreakpoints } from '../abstracts/vars-breakpoints.js';
 
 /**
  * @returns {number} The base font size set on the body element.