diff --git a/src/main/resources/templates/chatoverlay.html b/src/main/resources/templates/chatoverlay.html
index 9201ca2..903bfec 100644
--- a/src/main/resources/templates/chatoverlay.html
+++ b/src/main/resources/templates/chatoverlay.html
@@ -38,7 +38,7 @@
                     result.rolls.forEach(roll => {
                         values.push(roll.value);
                     })
-                    document.getElementById('results').innerHTML = '<strong>' + message + '</strong>: [' + values.map(value => value === 1 ? '<strong style="text-shadow: 2px 2px 10px red">' + value + '</strong>' : value === result.sides ? '<strong style="text-shadow: 2px 2px 10px green">' + value + '</strong>' : value).join(' + ') + (result.modifier > 0 ? ' <a style="text-decoration: underline">+' + result.modifier + '</a>' : result.modifier < 0 ? ' <a style="text-decoration: underline">' + result.modifier + '</a>' : '') + '] = <strong>' + result.value + '</strong> '
+                    document.getElementById('results').innerHTML = '<strong>' + user + '</strong> rolls <strong>' + message + '</strong>:<br/> [' + values.map(value => value === 1 ? '<strong style="text-shadow: 2px 2px 10px red">' + value + '</strong>' : value === result.sides ? '<strong style="text-shadow: 2px 2px 10px green">' + value + '</strong>' : value).join(' + ') + (result.modifier > 0 ? ' <a style="text-decoration: underline">+' + result.modifier + '</a>' : result.modifier < 0 ? ' <a style="text-decoration: underline">' + result.modifier + '</a>' : '') + '] = <strong>' + result.value + '</strong> '
                 })
                 document.getElementById('results').showPopover()
                 setTimeout(() => {
diff --git a/src/main/resources/templates/chatoverlayconfig.html b/src/main/resources/templates/chatoverlayconfig.html
index 3d56752..b575b73 100644
--- a/src/main/resources/templates/chatoverlayconfig.html
+++ b/src/main/resources/templates/chatoverlayconfig.html
@@ -38,8 +38,8 @@
         <div>
             <label for="channel">Channel </label>
             <input type="text" id="channel" style="width: 400px; margin-top: 20px" value="arindy"/>
-            <label for="cmd">Command </label>
-            <input type="text" id="cmd" style="width: 100px; margin-top: 20px" value="roll"/>
+            <label for="cmd">Command !</label>
+            <input type="text" id="cmd" style="width: 100px; margin-top: 20px; margin-left: 0" value="roll"/>
         </div>
         <div>
             <label class="checkbox" id="modsAllowed-container">Allow mods to roll
@@ -57,7 +57,7 @@
         </div>
         <div>
             <label for="scale">Dice-Scale </label>
-            <input type="number" id="scale" style="width: 50px; margin-top: 20px" value="7"/>
+            <input type="number" id="scale" style="width: 50px; margin-top: 20px" value="9"/>
             <label for="maxDice">Max number of dice </label>
             <input type="number" id="maxDice" style="width: 50px; margin-top: 20px" value="20"/>
         </div>
@@ -65,7 +65,7 @@
             <label for="clearAfter">Clear dice after (in seconds)</label>
             <input type="number" id="clearAfter" style="width: 50px; margin-top: 20px" value="10"/>
             <label for="timeout">Command-timeout (in seconds)</label>
-            <input type="number" id="timeout" style="width: 50px; margin-top: 20px" value="10"/>
+            <input type="number" id="timeout" style="width: 50px; margin-top: 20px" value="60"/>
         </div>
         <div id="dice-box" style="height: 400px"></div>
         <button style="margin: 10px" id="preview">Preview <i class="fa-solid fa-magnifying-glass"></i></button>