diff --git a/ui/src/components/VirtualKeyboard.tsx b/ui/src/components/VirtualKeyboard.tsx
index 184ae10..1d41f94 100644
--- a/ui/src/components/VirtualKeyboard.tsx
+++ b/ui/src/components/VirtualKeyboard.tsx
@@ -272,15 +272,15 @@ function KeyboardWrapper() {
                       display={keyboard.keyDisplayMap}
                       layout={keyboard.virtualKeyboard.main}
                       disableButtonHold={true}
-                      debug={false}
+                      enableLayoutCandidates={false}
                       preventMouseDownDefault={true}
                       preventMouseUpDefault={true}
                       stopMouseDownPropagation={true}
                       stopMouseUpPropagation={true}
                       physicalKeyboardHighlight={true}
-                      physicalKeyboardHighlightPress={true}
                       physicalKeyboardHighlightPreventDefault={true}
-                      enableLayoutCandidates={false}
+                      physicalKeyboardHighlightTextColor="black"
+                      physicalKeyboardHighlightBgColor="lightblue"
                     />
 
                     <div className="controlArrows">
@@ -292,15 +292,16 @@ function KeyboardWrapper() {
                         onKeyReleased={onKeyUp}
                         display={keyboard.keyDisplayMap}
                         layout={keyboard.virtualKeyboard.control}
-                        debug={false}
+                        disableButtonHold={true}
+                        enableLayoutCandidates={false}
                         preventMouseDownDefault={true}
                         preventMouseUpDefault={true}
                         stopMouseDownPropagation={true}
                         stopMouseUpPropagation={true}
                         physicalKeyboardHighlight={true}
-                        physicalKeyboardHighlightPress={true}
                         physicalKeyboardHighlightPreventDefault={true}
-                        enableLayoutCandidates={false}
+                        physicalKeyboardHighlightTextColor="black"
+                        physicalKeyboardHighlightBgColor="lightblue"
                       />
                       <Keyboard
                         baseClass="simple-keyboard-arrows"
@@ -309,15 +310,16 @@ function KeyboardWrapper() {
                         onKeyReleased={onKeyUp}
                         display={keyboard.keyDisplayMap}
                         layout={keyboard.virtualKeyboard.arrows}
-                        debug={false}
+                        disableButtonHold={true}
+                        enableLayoutCandidates={false}
                         preventMouseDownDefault={true}
                         preventMouseUpDefault={true}
                         stopMouseDownPropagation={true}
                         stopMouseUpPropagation={true}
                         physicalKeyboardHighlight={true}
-                        physicalKeyboardHighlightPress={true}
                         physicalKeyboardHighlightPreventDefault={true}
-                        enableLayoutCandidates={false}
+                        physicalKeyboardHighlightTextColor="black"
+                        physicalKeyboardHighlightBgColor="lightblue"
                       />
                     </div>
                     { /* TODO add optional number pad */ }