diff --git a/backend/static/_app/version.json b/backend/static/_app/version.json
index cbb7d86..38cc5ea 100644
--- a/backend/static/_app/version.json
+++ b/backend/static/_app/version.json
@@ -1 +1 @@
-{"version":"1702464938807"}
\ No newline at end of file
+{"version":"1702469015168"}
\ No newline at end of file
diff --git a/backend/static/_app/version.json.br b/backend/static/_app/version.json.br
index 79d245f..e3d675d 100644
Binary files a/backend/static/_app/version.json.br and b/backend/static/_app/version.json.br differ
diff --git a/backend/static/_app/version.json.gz b/backend/static/_app/version.json.gz
index 8da6dd5..f8e4135 100644
Binary files a/backend/static/_app/version.json.gz and b/backend/static/_app/version.json.gz differ
diff --git a/backend/static/index.html b/backend/static/index.html
index 5cf6c4b..113e3db 100644
--- a/backend/static/index.html
+++ b/backend/static/index.html
@@ -5,17 +5,17 @@
 		<link rel="icon" href="/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		
-		<link rel="modulepreload" href="/_app/immutable/entry/start.cac80759.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/scheduler.9172086d.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/singletons.7663c071.js">
-		<link rel="modulepreload" href="/_app/immutable/entry/app.8f82bb2b.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/index.3ce947e1.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/start.8c98c732.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/scheduler.d1a939e8.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/singletons.505cc11c.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/app.fd492588.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/index.c2132433.js">
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">
 			<script>
 				{
-					__sveltekit_cctu1m = {
+					__sveltekit_r51frl = {
 						base: "",
 						env: {}
 					};
@@ -23,8 +23,8 @@
 					const element = document.currentScript.parentElement;
 
 					Promise.all([
-						import("/_app/immutable/entry/start.cac80759.js"),
-						import("/_app/immutable/entry/app.8f82bb2b.js")
+						import("/_app/immutable/entry/start.8c98c732.js"),
+						import("/_app/immutable/entry/app.fd492588.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element);
 					});
diff --git a/backend/static/index.html.br b/backend/static/index.html.br
index 44b5a1a..a09a714 100644
Binary files a/backend/static/index.html.br and b/backend/static/index.html.br differ
diff --git a/backend/static/index.html.gz b/backend/static/index.html.gz
index 5323cf1..da3e991 100644
Binary files a/backend/static/index.html.gz and b/backend/static/index.html.gz differ
diff --git a/frontend/src/routes/setup/+page.svelte b/frontend/src/routes/setup/+page.svelte
index 3cbdce0..e398b17 100644
--- a/frontend/src/routes/setup/+page.svelte
+++ b/frontend/src/routes/setup/+page.svelte
@@ -1,7 +1,7 @@
 <script>
     import Logo from "$lib/img/topscorer_logo_web.png"
 
-    $: surfers = 1;
+    $: surfers = 2;
 
     let surfer_list = new Array();
 
@@ -12,6 +12,13 @@
         priority: ''
     });
 
+    surfer_list.push({
+        name: '',
+        color: '#ffffff',
+        score: '',
+        priority: ''
+    });
+
     let heat = {
         number: '',
         name: '',
@@ -32,7 +39,7 @@
 
     function removeSurfers() { 
         surfers--; 
-        if (surfers < 1) surfers = 1;
+        if (surfers < 2) surfers = 2;
     }
 
     async function save() {
@@ -97,6 +104,11 @@
         return false;
     }    
 
+    function capitalize(element, elementName) {
+        element[elementName] = element[elementName].charAt(0).toUpperCase() + element[elementName].slice(1); 
+        console.log(`element: ${element[elementName]}`);
+    }
+
 </script>
 
 <div class="header">
@@ -107,9 +119,9 @@
 <div class="container">    
     <div class="heat">
             <label class="label" for="name">Name</label>
-            <input bind:value={heat.name} id="name" type="text">
+            <input bind:value={heat.name} on:change={capitalize(heat, "name")} id="name" type="text">
             <label class="label" for="category">Category</label>
-            <input bind:value={heat.category} id="category" type="text">
+            <input bind:value={heat.category} on:change={capitalize(heat, "category")} id="category" type="text">
             <label class="label" for="number">Number</label>
             <input bind:value={heat.number} id="number" on:keydown={(event) => {event.preventDefault()}} type="number" min="1" max="20">
             <label class="label" for="timer">Timer</label>
@@ -122,7 +134,7 @@
     {#each Array(surfers) as _, surfer}
         <div class="surfer">
             <label class="label" for="name{surfer}">Name</label>
-            <input bind:value={surfer_list[surfer].name} id="name{surfer}" type="text">
+            <input bind:value={surfer_list[surfer].name} on:change={capitalize(heat.surfers[surfer], "name")} id="name{surfer}" type="text">
             <label class="label" for="color{surfer}">Color</label>
             <input bind:value={surfer_list[surfer].color} type="color" id="color{surfer}">
         </div>  
@@ -205,7 +217,7 @@
 
     }
 
-    select {
+    /* select {
         font-size: 1.2rem;
         border-radius: 6px;
         margin-left: 0.1rem;
@@ -217,12 +229,12 @@
 
     option {
         width: 1rem;
-        padding-left: 25px; /* Spazio per la riga colorata */
-        background-size: 1.2rem 100%; /* Dimensioni della riga colorata */
+        padding-left: 25px;
+        background-size: 1.2rem 100%;
         background-repeat: no-repeat;
         background-position: 0px 0px;
         transition: border 0.3s
-    }
+    } */
 
     .plus {
         border-radius: 8px;
