diff --git a/html/about.html b/html/about.html
index c4c562b..0be17d9 100644
--- a/html/about.html
+++ b/html/about.html
@@ -119,6 +119,7 @@ <h3>Device<br></h3>
         <div class="form-group">
             <label for="environment-select">Select Environment:</label>
             <select class="form-control" id="environment-select">
+                <option value="">Select an environment</option>
                 <option value="tc2-dev">tc2-dev</option>
                 <option value="tc2-test">tc2-test</option>
                 <option value="tc2-prod">tc2-prod</option>
diff --git a/static/js/about.js b/static/js/about.js
index 429627f..88c2f42 100644
--- a/static/js/about.js
+++ b/static/js/about.js
@@ -215,6 +215,10 @@ function getEnvironmentState() {
 }
 
 async function setEnvironment() {
+  if (selectedEnvironment == "") {
+    alert('Please select an environment');
+    return;
+  }
   $("#set-environment-button").attr("disabled", true);
   $("#set-environment-button").html("Setting Environment");
   const selectedEnvironment = document.getElementById('environment-select').value;