diff --git a/install/assets/css/installer.css b/install/assets/css/installer.css
index c7a420abe..3fca0c954 100644
--- a/install/assets/css/installer.css
+++ b/install/assets/css/installer.css
@@ -245,4 +245,23 @@ div.alert-danger {
 
 .uppercase {
 	text-transform: uppercase;
+}
+
+.multiselect-container.dropdown-menu {
+    --bs-dropdown-padding-y: 0;
+}
+
+#dxcc_id + .btn-group .multiselect-container .multiselect-option input[type="radio"] {
+    display: none;
+}
+
+.multiselect {
+	--bs-btn-color: inherit !important;
+	--bs-btn-bg: inherit !important;
+	--bs-btn-border-color: inherit !important;
+	--bs-btn-hover-border-color: inherit !important;
+	--bs-btn-hover-bg: #1b1b1b;
+	--bs-btn-hover-color: inherit !important;
+	--bs-btn-active-bg: #1b1b1b;
+	--bs-btn-active-color: inherit !important;
 }
\ No newline at end of file
diff --git a/install/includes/interface_assets/footer.php b/install/includes/interface_assets/footer.php
index 07c16e366..205f28f6a 100644
--- a/install/includes/interface_assets/footer.php
+++ b/install/includes/interface_assets/footer.php
@@ -38,6 +38,7 @@
 		} from "../assets/js/country-flag-emoji-polyfill.js";
 		polyfillCountryFlagEmojis("Twemoji Country Flags", "<?php echo $websiteurl; ?>assets/fonts/TwemojiCountryFlags/TwemojiCountryFlags.woff2");
 	</script>
+	<script type="text/javascript" src="../assets/js/bootstrap-multiselect.js"></script>
 	<?php
 	/**
 	 * Hidden field to be able to translate the language names
diff --git a/install/index.php b/install/index.php
index 785e87ba0..2a865011a 100644
--- a/install/index.php
+++ b/install/index.php
@@ -627,7 +627,7 @@ if (!file_exists('.lock')) {
 									<div class="row">
 										<div class="col-md-6 mb-2">
 											<label for="dxcc" class="form-label"><?= __("DXCC"); ?></label>
-											<select class="form-select" id="dxcc_id" name="dxcc" tabindex="6" aria-describedby="stationCallsignInputHelp">
+											<select class="form-control" id="dxcc_id" name="dxcc" tabindex="6" aria-describedby="stationCallsignInputHelp">
 												<option value="0" selected=""><?= _pgettext("No DXCC", "- None -"); ?></option>
 												<option value="2">Abu Ail Is - A1 (<?= __("Deleted DXCC"); ?>)</option>
 												<option value="3">Afghanistan - YA</option>
@@ -1641,6 +1641,37 @@ if (!file_exists('.lock')) {
 					cnfmPasswordField.on('change', function() {
 						user_pwd_check();
 					});
+
+					$('#dxcc_id').multiselect({
+						// initialize multiselect dropdown for locations
+						// Documentation: https://davidstutz.github.io/bootstrap-multiselect/index.html
+						// template is needed for bs5 support
+						templates: {
+							button: '<button type="button" style="text-align: left !important;" class="multiselect dropdown-toggle btn btn-secondary" data-bs-toggle="dropdown" aria-expanded="false"><span class="multiselect-selected-text"></span></button>',
+							filter: '<div class="multiselect-filter d-flex align-items-center pb-1 border-bottom"><i class="fas fa-search text-muted ps-2 me-2"></i><input type="search" class="multiselect-search form-control" /></div>',
+						},
+						enableFiltering: true,
+						filterPlaceholder: "<?= __("Search"); ?>",
+						enableFullValueFiltering: false,
+						enableCaseInsensitiveFiltering: true,
+						widthSynchronizationMode: 'always',
+						numberDisplayed: 1,
+						inheritClass: true,
+						buttonWidth: '100%',
+						maxHeight: 300,
+						dropUp: false
+					});
+					$('#dxcc_id').hide();
+					$('.multiselect-container .multiselect-filter', $('#dxcc_id').parent()).css({
+						'position': 'sticky',
+						'margin-top': '3px',
+						'top': '0px',
+						'z-index': 1,
+						'background-color': 'inherit',
+						'width': '100%',
+						'height': '39px',
+						'padding-left': '1px'
+					})
 				});
 
 				function check_for_empty_fields() {