diff --git a/client/index.html b/client/index.html
index 29740d3faa43c0c06786081fcfa8f5c3e2fad393..8814a7e73593490d440239d60b2cfb61c5e49b8e 100644
--- a/client/index.html
+++ b/client/index.html
@@ -66,8 +66,8 @@
 		  <div class="col-12">
 		    <div class="col">
 		      <select class="form-select" id="input-method">
-			<option>groups in total</option>
-			<option>students per group</option>
+    			<option value="groups">groups in total</option>
+	    		<option value="members">students per group</option>
 		      </select>
 		    </div>
 		  </div>
diff --git a/client/js/client.js b/client/js/client.js
index a70f24ba9eb7a60795b6a0637d483ee393d3ec6f..edf2f2d92d12f82f258a03b74c5dd5e036de02c3 100644
--- a/client/js/client.js
+++ b/client/js/client.js
@@ -85,7 +85,7 @@ function showGroups(payload) {
     console.log( group );
 
     let groupElm = template.content.cloneNode(true);
-    groupElm.querySelector("h3").value = group.groupID;
+    groupElm.querySelector(".card-title").innerText = "Group " + group.groupID;
     
     let list = groupElm.querySelector("ul");
     for ( let member in group.members ) {