diff --git a/app/styles/vars.scss b/app/styles/vars.scss
index a007177b551..bf7995f2f4e 100644
--- a/app/styles/vars.scss
+++ b/app/styles/vars.scss
@@ -1,3 +1,8 @@
 $page-top-margin: 14px;
 $event-lead-image-height: 500px;
 $event-lead-image-height-minimum: 300px;
+
+$ember-power-select-border-color: rgba(34, 36, 38, .15) !default;
+$ember-power-select-line-height: 2.642857143em !default;
+$ember-power-select-highlighted-background: rgba(0, 0, 0, .05) !default;
+$ember-power-select-highlighted-color: rgba(0, 0, 0, .95) !default;
diff --git a/app/templates/components/forms/wizard/basic-details-step.hbs b/app/templates/components/forms/wizard/basic-details-step.hbs
index a113fbc873a..98be9356c66 100644
--- a/app/templates/components/forms/wizard/basic-details-step.hbs
+++ b/app/templates/components/forms/wizard/basic-details-step.hbs
@@ -6,6 +6,40 @@
       @id="name"
       @value={{this.data.event.name}} />
   </div>
+  <div class="three fields">
+    <div class="field">
+      <PowerSelect
+        @selected={{this.data.event.type}}
+        @allowClear={{true}}
+        @options={{this.data.types}}
+        @placeholder={{t 'Select Event Type'}}
+        @onChange={{action (mut this.data.event.type)}} as |type|>
+          {{type.name}}
+      </PowerSelect>
+    </div>
+    <br/>
+    <div class="field">
+      <PowerSelect
+        @selected={{this.data.event.topic}}
+        @allowClear={{true}}
+        @options={{this.data.topics}}
+        @placeholder={{t 'Select Event Topic'}}
+        @onChange={{action (mut this.data.event.topic)}} as |topic|>
+          {{topic.name}}
+      </PowerSelect>
+    </div>
+    <div class="field">
+      <PowerSelect
+        @selected={{this.data.event.subTopic}}
+        @allowClear={{true}}
+        @options={{this.subTopics}}
+        @placeholder={{t 'Select Event Sub-Topic'}}
+        @onChange={{action (mut this.data.event.subTopic)}} as |subTopic|>
+          {{subTopic.name}}
+      </PowerSelect>
+    </div>
+  </div>
+  <br>
   <div class="ui secondary pointing menu">
     {{#each this.locationMenuItems as |item|}}
       <a role="button" href="#" class="{{if (eq item this.selectedLocationType) 'active'}} item" onclick={{action (mut this.selectedLocationType) item}}>
@@ -586,42 +620,6 @@
       </div>
     </div>
   {{/if}}
-  <div class="ui section divider"></div>
-  <div class="field">
-    <label>{{t 'Event Type'}}</label>
-    <PowerSelect
-      @selected={{this.data.event.type}}
-      @allowClear={{true}}
-      @options={{this.data.types}}
-      @placeholder={{t 'Select Event Type'}}
-      @onChange={{action (mut this.data.event.type)}} as |type|>
-        {{type.name}}
-    </PowerSelect>
-  </div>
-  <div class="field">
-    <label>{{t 'Event Topic'}}</label>
-    <PowerSelect
-      @selected={{this.data.event.topic}}
-      @allowClear={{true}}
-      @options={{this.data.topics}}
-      @placeholder={{t 'Select Event Topic'}}
-      @onChange={{action (mut this.data.event.topic)}} as |topic|>
-        {{topic.name}}
-    </PowerSelect>
-  </div>
-  <div class="field">
-    <label>{{t 'Event Sub-topic'}}</label>
-    <PowerSelect
-      @selected={{this.data.event.subTopic}}
-      @allowClear={{true}}
-      @options={{this.subTopics}}
-      @placeholder={{t 'Select Event Sub-Topic'}}
-      @onChange={{action (mut this.data.event.subTopic)}} as |subTopic|>
-        {{subTopic.name}}
-    </PowerSelect>
-  </div>
-  <br>
-  
 </form>
 
 <Modals::TaxInfoModal