diff --git a/rmo/template/mock/nuisance.html b/rmo/template/mock/nuisance.html
index ea3c6ab7..de204855 100644
--- a/rmo/template/mock/nuisance.html
+++ b/rmo/template/mock/nuisance.html
@@ -195,6 +195,9 @@ document.addEventListener('DOMContentLoaded', function() {
 .time-label {
 	font-size: 0.9rem;
 }
+select.tall {
+	height: 160px;
+}
 .severity-item {
 	text-align: center;
 	padding: 10px;
@@ -336,15 +339,12 @@ document.addEventListener('DOMContentLoaded', function() {
 			<div class="row">
 				<div class="col-md-12">
 					<label for="source-location" class="form-label">Where on your property do you notice the most mosquito activity?</label>
-					<select class="form-select" name="source-location">
+					<select class="form-select tall" multiple="true" name="source-location">
 						<option value="">Please select</option>
 						<option value="front-yard">Front yard</option>
 						<option value="backyard">Back yard</option>
-						<option value="patio">Patio/deck area</option>
 						<option value="garden">Garden</option>
 						<option value="pool-area">Pool area</option>
-						<option value="throughout">Throughout the property</option>
-						<option value="indoors">Indoors</option>
 						<option value="other">Other area</option>
 					</select>
 				</div>
diff --git a/scss/custom.scss b/scss/custom.scss
index ff0127db..a38ce76d 100644
--- a/scss/custom.scss
+++ b/scss/custom.scss
@@ -34,6 +34,7 @@ $info: #D7B26D;
 @import "./bootstrap/scss/maps";
 @import "./bootstrap/scss/mixins";
 @import "./bootstrap/scss/root";
+@import "./bootstrap/scss/transitions";
 
 // 6. Optionally include any other parts as needed
 @import "./bootstrap/scss/utilities";