diff --git a/selection/assets/customisationButtons/template.png b/selection/assets/customisationButtons/template.png
index 825c578..b3fd439 100644
Binary files a/selection/assets/customisationButtons/template.png and b/selection/assets/customisationButtons/template.png differ
diff --git a/selection/dom.js b/selection/dom.js
index 77d6f9f..a3a214b 100644
--- a/selection/dom.js
+++ b/selection/dom.js
@@ -435,7 +435,7 @@ function display () {
 
 	if(localStorage.getItem(selected.class) !== null) {
 		document.getElementById("info").innerHTML = "<strong>Level "+JSON.parse(localStorage.getItem(selected.class)).level+"</strong>"+
-		"<br><span style='font-size: 16px;'>"+JSON.parse(localStorage.getItem(selected.class)).displayAreaName+"</span>";
+		"<br><span style='font-size: 22px;'>"+JSON.parse(localStorage.getItem(selected.class)).displayAreaName+"</span>";
 	}
 	else {
 		document.getElementById("info").innerHTML = "<strong>Level 0</strong><br><span style='font-size: 16px;'>Not Started</span>";
diff --git a/selection/style.css b/selection/style.css
index 3cbfbef..7e2910e 100644
--- a/selection/style.css
+++ b/selection/style.css
@@ -120,7 +120,7 @@ body{
 	/* position: absolute;*/
 }
 
-#logo, #random{	
+#logo, #random{
 top: 20px;
 }
 
@@ -157,8 +157,8 @@ top: 20px;
 
 #info {
 	/* height: 50px; */
-	font-size: 20px;
-	color: #c3be5c;
+	font-size: 25px;
+	color: #ada978;
 	display:inline-block;
 	width: 290px;
 	border: 5px solid #553a08;
@@ -253,7 +253,7 @@ top: 20px;
 #play{
 	font-size: 25px;
 	    font-weight: bold;
-	color: #c3be5c;
+	color: #ada978;
 	width: 290px;
 	border: 5px solid #553a08;
 
@@ -266,7 +266,7 @@ top: 20px;
 	/*position: fixed;
 	bottom: -15px;
 	transform: translate(-50%, -50%);*/
-	background-image: url("./assets/buttonBackground.png");	
+	background-image: url("./assets/buttonBackground.png");
 }
 
 .title{
@@ -325,24 +325,24 @@ top: 20px;
 #skinToneView {
 	background-image: url("assets/customisationButtons/skinTone.png");
 }
-#skinToneView.selected {
+#skinToneView.selected, #skinToneView:hover {
 	background-image: url("assets/customisationButtons/skinToneSelected.png");
 }
 #clothingView {
 	background-image: url("assets/customisationButtons/clothing.png");
 }
-#clothingView.selected {
+#clothingView.selected, #clothingView:hover {
 	background-image: url("assets/customisationButtons/clothingSelected.png");
 }
 #hairView {
 	background-image: url("assets/customisationButtons/hair.png");
 }
-#hairView.selected {
+#hairView.selected, #hairView:hover {
 	background-image: url("assets/customisationButtons/hairSelected.png");
 }
 #hatView {
 	background-image: url("assets/customisationButtons/hat.png");
 }
-#hatView.selected {
+#hatView.selected, #hatView:hover {
 	background-image: url("assets/customisationButtons/hatSelected.png");
 }