diff --git a/src/atoms/Dropdown/DropdownBody.js b/src/atoms/Dropdown/DropdownBody.js
index 96452a0f..efc40aa3 100644
--- a/src/atoms/Dropdown/DropdownBody.js
+++ b/src/atoms/Dropdown/DropdownBody.js
@@ -9,7 +9,7 @@ import { Portal } from 'react-portal';
 import { withDropdownContext } from './DropdownContext';
 import { offsetSizes, defaultTheme, DropdownBodyTag } from './DropdownBody.theme';
 import type { PropSizes } from '../../types';
-import { Z_INDEX } from '../../theme/zIndex';
+import { Z_INDEX } from '../../theme';
 
 /**
  * @prop {*} background options for background color
diff --git a/src/index.js b/src/index.js
index 5e9a570a..b616499a 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,7 +1,7 @@
 // @flow
 
 export { ThemeProvider } from 'emotion-theming';
-export { defaultTheme, resetGlobal } from './theme';
+export { defaultTheme, resetGlobal, Z_INDEX } from './theme';
 export * from './atoms';
 export * from './molecules';
 
diff --git a/src/theme/index.js b/src/theme/index.js
index 3fa3b2cd..467b30d8 100644
--- a/src/theme/index.js
+++ b/src/theme/index.js
@@ -2,5 +2,6 @@
 
 export { COLORS, PALETTE } from './colors';
 export { SIZES } from './sizes';
+export { Z_INDEX } from './zIndex';
 export { defaultTheme } from './defaultTheme';
 export { resetGlobal } from './resetGlobal';