diff --git a/internal_packages/theme-picker/lib/theme-picker-store.jsx b/internal_packages/theme-picker/lib/theme-picker-store.jsx
index 715299f48..285b1203b 100644
--- a/internal_packages/theme-picker/lib/theme-picker-store.jsx
+++ b/internal_packages/theme-picker/lib/theme-picker-store.jsx
@@ -16,12 +16,12 @@ class ThemePickerStore extends NylasStore {
   activate = ()=> {
     this._apm = new APMWrapper();
     this.unlisten = ThemePickerActions.uninstallTheme.listen(this.uninstallTheme);
-    this.disposable = NylasEnv.commands.add("body", "window:launch-theme-picker",  () => {
-      Actions.openModal(
-         children=<ThemePicker />,
-         height=400,
-         width=250,
-      );
+    this.disposable = NylasEnv.commands.add("body", "window:launch-theme-picker", () => {
+      Actions.openModal({
+        component: (<ThemePicker />),
+        height: 400,
+        width: 250,
+      });
     });
   }
 
diff --git a/src/flux/stores/modal-store.jsx b/src/flux/stores/modal-store.jsx
index ee8b7ec99..2107c1ffb 100644
--- a/src/flux/stores/modal-store.jsx
+++ b/src/flux/stores/modal-store.jsx
@@ -40,7 +40,7 @@ class ModalStore extends NylasStore {
     });
   };
 
-  openModal = (component, height, width, callback = ()=> {})=> {
+  openModal = ({component, height, width}, callback = ()=> {})=> {
     const props = {
       height: height,
       width: width,