diff --git a/assets/styles/large_style.css b/assets/styles/large_style.css
index ff2891c8..155ea42f 100644
--- a/assets/styles/large_style.css
+++ b/assets/styles/large_style.css
@@ -43,6 +43,23 @@ p {
     flex: 1 2 10%;
 }
 
+.switch-field {
+    input[type="radio"] {
+      display: none;
+    }
+    label {
+		margin: 4px;
+		display: inline-block;
+		background-color: white;
+		cursor: pointer;
+    }
+    input[type="radio"]:checked + label {
+      background-color: black;
+	  color: white;
+	  border-color: white;
+    }
+}
+
 .content {
     width: 30%;
     margin-left: auto; 
@@ -248,4 +265,4 @@ a {
 
 #end-game-btn {
     border-radius: 50px;
-}
\ No newline at end of file
+}
diff --git a/assets/styles/mobile_style.css b/assets/styles/mobile_style.css
index 66343cde..0a6a472b 100644
--- a/assets/styles/mobile_style.css
+++ b/assets/styles/mobile_style.css
@@ -43,6 +43,23 @@ p {
     flex: 1 2 auto;
 }
 
+.switch-field {
+    input[type="radio"] {
+      display: none;
+    }
+    label {
+		margin: 3px;
+		display: inline-block;
+		background-color: white;
+		cursor: pointer;
+    }
+    input[type="radio"]:checked + label {
+      background-color: black;
+	  color: white;
+	  border-color: white;
+    }
+}
+
 .content {
     width: 95%;
     margin-left: auto; 
@@ -246,4 +263,4 @@ a {
     flex-direction: row;
     gap: 20px;
     margin: 15pt 0 15pt 0;
-}
\ No newline at end of file
+}
diff --git a/mode_select.html b/mode_select.html
index 7f63d2f5..98a6a4bd 100644
--- a/mode_select.html
+++ b/mode_select.html
@@ -36,11 +36,11 @@ <h2 class="boxed-black">practice mode</h2>
         <p><i>set word difficulty</i></p>
             <div class="switch-field">
                 <input type="radio" name="difficulty-switch" id="easy"/>
-                <label>easy</label>
+                <label class="btn boxed" for="easy">easy</label>
                 <input type="radio" name="difficulty-switch" id="medium"checked/>
-                <label>medium</label>
+                <label class="btn boxed" for="medium">medium</label>
                 <input type="radio" name="difficulty-switch"id="hard"/>
-                <label>hard</label>
+                <label class="btn boxed" for="hard">hard</label>
             </div>
             <br>
         
@@ -74,4 +74,4 @@ <h2 class="boxed-black">practice mode</h2>
         });
     });
 </script>
-</html>
\ No newline at end of file
+</html>