diff --git a/assets/webconfig/css/darkMode.css b/assets/webconfig/css/darkMode.css
index 326f4df9..6753944b 100644
--- a/assets/webconfig/css/darkMode.css
+++ b/assets/webconfig/css/darkMode.css
@@ -47,6 +47,14 @@ h4 {
 }
 
 /*Buttons*/
+.btn-transparent:hover {
+    color: #5db6ff;
+}
+
+.btn-transparent:focus{
+    color: #5db6ff;
+}
+
 .btn-default {
     color: #DDDDDD;
     background-color: #212121;
diff --git a/assets/webconfig/css/hyperion.css b/assets/webconfig/css/hyperion.css
index 04fcf721..3e9646fa 100644
--- a/assets/webconfig/css/hyperion.css
+++ b/assets/webconfig/css/hyperion.css
@@ -168,7 +168,8 @@ table label{margin:0}
     border-color: #602060;
 }
 
-.btn-lang-select {
+/*minimal visible button*/
+.btn-transparent {
   background-color: transparent;
   border-style: none;
 }
diff --git a/assets/webconfig/index.html b/assets/webconfig/index.html
index 3217de4c..12854f57 100644
--- a/assets/webconfig/index.html
+++ b/assets/webconfig/index.html
@@ -53,7 +53,7 @@
 
 	<!-- Bootstrap Core CSS -->
 	<link href="css/bootstrap.min.css" rel="stylesheet">
-	
+
 	<link href="css/bootstrap-colorpicker.min.css" rel="stylesheet">
 
 	<!-- BSToggle -->
@@ -178,7 +178,7 @@
 							<a>
 								<div>
 									<i class="fa fa-globe"></i>
-									<select id="language-select" class="selectpicker" data-width="fit" data-style="btn-lang-select" > </select>
+									<select id="language-select" class="selectpicker" data-width="fit" data-style="btn-transparent" > </select>
 								</div>
 							</a>
 						</li>
@@ -348,10 +348,10 @@
 
 	<!-- Bootstrap Core JavaScript -->
 	<script src="js/lib/bootstrap.min.js"></script>
-	
+
 	<!-- BSToggle -->
  	<script src="js/lib/bootstrap-toggle.min.js"></script>
-	
+
 	<!-- Bootstrap Select JavaScript -->
 	<script src="js/lib/bootstrap-select.min.js"></script>