diff --git a/application/views/cabrillo/index.php b/application/views/cabrillo/index.php
index a002cce3..1ce852ac 100644
--- a/application/views/cabrillo/index.php
+++ b/application/views/cabrillo/index.php
@@ -18,8 +18,8 @@
 
 			<form class="form" action="<?php echo site_url('cabrillo/export'); ?>" method="post" enctype="multipart/form-data">
 				<div class="form-group form-inline row">
-					<div class="col-md-2 control-label" for="station_id">Select Station Location: </div>
-					<select id="station_id" name="station_id" class="custom-select my-1 mr-sm-2 col-md-2">
+					<div class="col-md-3 control-label" for="station_id">Select Station Location: </div>
+					<select id="station_id" name="station_id" class="custom-select my-1 mr-sm-2 col-md-3">
 					<?php foreach ($station_profile->result() as $station) { ?>
 						<option value="<?php echo $station->station_id; ?>" <?php if ($station->station_id == $this->stations->find_active()) { echo " selected =\"selected\""; } ?>>Callsign: <?php echo $station->station_callsign; ?> (<?php echo $station->station_profile_name; ?>)</option>
 					<?php } ?>
diff --git a/assets/js/sections/cabrillo.js b/assets/js/sections/cabrillo.js
index f428cdf0..c12c9c89 100644
--- a/assets/js/sections/cabrillo.js
+++ b/assets/js/sections/cabrillo.js
@@ -8,7 +8,7 @@ function loadYears() {
         data: {'station_id': $("#station_id").val()},
         success: function (data) {
             if (data.length > 0) {
-                $(".contestyear").append('<div class="col-md-2 control-label" for="year">Select year: </div>' +
+                $(".contestyear").append('<div class="col-md-3 control-label" for="year">Select year: </div>' +
                 '<select id="year" class="custom-select my-1 mr-sm-2 col-md-2" name="year">' +
                 '</select>' +
                 '  <button onclick="loadContests();" class="btn btn-sm btn-primary" type="button">Proceed</button>'); 
@@ -36,8 +36,8 @@ function loadContests() {
                 'station_id': $("#station_id").val()
         },
         success: function (data) {
-                $(".contestname").append('<div class="col-md-2 control-label" for="contestid">Select contest: </div>' +
-                '<select class="custom-select my-1 mr-sm-2 col-md-3" id="contestid" name="contestid">' +
+                $(".contestname").append('<div class="col-md-3 control-label" for="contestid">Select contest: </div>' +
+                '<select class="custom-select my-1 mr-sm-2 col-md-4" id="contestid" name="contestid">' +
                 '</select>' +
                 '  <button onclick="loadContestDates();" class="btn btn-sm btn-primary" type="button">Proceed</button>'); 
 
@@ -60,10 +60,10 @@ function loadContestDates() {
                 'contestid': $("#contestid").val(),
                 'station_id': $("#station_id").val()},
         success: function (data) {
-                $(".contestdates").append('<div class="col-md-2 control-label" for="contestdates">Select date range: </div>' +
-                '<select class="custom-select my-1 mr-sm-2 col-md-1" id="contestdatesfrom" name="contestdatesfrom">' +
+                $(".contestdates").append('<div class="col-md-3 control-label" for="contestdates">Select date range: </div>' +
+                '<select class="custom-select my-1 mr-sm-2 col-md-2" id="contestdatesfrom" name="contestdatesfrom">' +
                 '</select>' +
-                '<select class="custom-select my-1 mr-sm-2 col-md-1" id="contestdatesto" name="contestdatesto">' +
+                '<select class="custom-select my-1 mr-sm-2 col-md-2" id="contestdatesto" name="contestdatesto">' +
                 '</select>' +
                 '  <button class="btn btn-sm btn-primary" type="submit">Export</button>');