diff --git a/src/app/visualize-all/visualize-all.component.css b/src/app/visualize-all/visualize-all.component.css
index b79f014..fe2ff58 100644
--- a/src/app/visualize-all/visualize-all.component.css
+++ b/src/app/visualize-all/visualize-all.component.css
@@ -1,21 +1,25 @@
 select#gen_select {
-    width: 180px;
+    width: 200px;
+    margin: 20px;
 }
 
 select#func_select {
     width: 180px;
+    margin: 20px;
 }
 
 select#data_select {
     width: 180px;
+    margin: 20px;
 }
 
 select#time_type_select {
     width: 180px;
+    margin: 20px;
 }
 select#time_span_select {
     width: 200px;
-    padding: 100px;
+    padding: 20px
 
 }
 
diff --git a/src/app/visualize-all/visualize-all.component.html b/src/app/visualize-all/visualize-all.component.html
index d0ea836..de2698f 100644
--- a/src/app/visualize-all/visualize-all.component.html
+++ b/src/app/visualize-all/visualize-all.component.html
@@ -12,10 +12,7 @@
           <br>
           <p id="visMessage">Ctrl/Comm+Click to select multiple generators <br> Please select a maximum of 5 generators
           </p>
-          <select id="gen_select" name="generatorSelect" multiple>
-            <option *ngFor="let generator of generators$" value="{{generator.gen_id}},{{generator.gen_name}}">{{generator.gen_name}}</option>
-          </select>
-          <br><br>
+          <!-- <br><br> -->
           <select id="func_select" name="functionSelect">
             <option value="" disabled selected>Select Function</option>
             <option value="sum">Summation</option>
@@ -25,12 +22,12 @@
             <option value="count">Count</option>
             <option value="dev">Deviation</option>
           </select>
-          <br><br>
+          <!-- <br><br> -->
           <select id="data_select" name="dataSelect">
             <option value="" disabled selected>Select Data</option>
             <option *ngFor="let names of dataNames$" value="{{names}}">{{names}}</option>
           </select>
-          <br><br>
+          <!-- <br><br> -->
           <select id="time_type_select" name="timeTypeSelect">
             <option value="" disabled selected>Select Time Type</option>
             <option value="year">Years</option>
@@ -39,6 +36,9 @@
             <option value="minute">Minutes</option>
           </select>
           <br><br>
+          <select id="gen_select" name="generatorSelect" multiple>
+            <option *ngFor="let generator of generators$" value="{{generator.gen_id}},{{generator.gen_name}}">{{generator.gen_name}}</option>
+          </select>
           <div id="time-span-select">
             <input #time_span type="number" id="exampleInputTimeSpan" placeholder="Select Time Span">
           </div>