diff --git a/CI-ColorWebs/Pages/TruePalette.cshtml b/CI-ColorWebs/Pages/TruePalette.cshtml
index 75e0aeac63d2058fbd1373fb3fc09946f9922ef7..09022b91a6108eb09c5c87604e25acdc573e67e5 100644
--- a/CI-ColorWebs/Pages/TruePalette.cshtml
+++ b/CI-ColorWebs/Pages/TruePalette.cshtml
@@ -33,16 +33,16 @@ function copyHex(celement) {
         <button id="gsetNew">Generate New Set Palette</button>
         <br>
         <br>
-        <span id="palNameTrue" class = "paletteNameTrue"></span>
+        <span id="palNameTrue" class="paletteNameTrue"></span>
         <br>
         <br>
-        <button id="palColor" onclick="copyHex(palColor)" class = "hexcodeStyle"></button>
-        <button id="palColor2" onclick="copyHex(palColor2)" class = "hexcodeStyle"></button>
-        <button id="palColor3" onclick="copyHex(palColor3)" class = "hexcodeStyle"></button>
-        <button id="palColor4" onclick="copyHex(palColor4)" class = "hexcodeStyle"></button>
-        <button id="palColor5" onclick="copyHex(palColor5)" class = "hexcodeStyle"></button>
-        <button id="palColor6" onclick="copyHex(palColor6)" class = "hexcodeStyle"></button>
-        <canvas width = "1000" height = '200'></canvas>
+        <button id="palColor" onclick="copyHex(palColor)" class="hexcodeStyle"></button>
+        <button id="palColor2" onclick="copyHex(palColor2)" class="hexcodeStyle"></button>
+        <button id="palColor3" onclick="copyHex(palColor3)" class="hexcodeStyle"></button>
+        <button id="palColor4" onclick="copyHex(palColor4)" class="hexcodeStyle"></button>
+        <button id="palColor5" onclick="copyHex(palColor5)" class="hexcodeStyle"></button>
+        <button id="palColor6" onclick="copyHex(palColor6)" class="hexcodeStyle"></button>
+        <canvas width="1000" height='200'></canvas>
     </h2>
     <h3>
         <p>View your pallete visualized through AI art:</p>
diff --git a/CI-ColorWebs/wwwroot/js/truepalette.js b/CI-ColorWebs/wwwroot/js/truepalette.js
index b5b82c7671cee6db6d98f2f2dc95b1c22a2ec81f..f770ac3446e9ab1c2902219ba9578c5f2c8fe457 100644
--- a/CI-ColorWebs/wwwroot/js/truepalette.js
+++ b/CI-ColorWebs/wwwroot/js/truepalette.js
@@ -126,3 +126,12 @@ const bre = () => {
 
 document.getElementById("gsetNew").addEventListener("click", bre);
 bre();
+
+document.addEventListener('keyup', event =>
+{
+    if (event.code === 'Space') 
+    {
+        event.preventDefault();
+        bre();
+    }
+})