diff --git a/frontend/src/controls.ts b/frontend/src/controls.ts
index b5a0045..98de39f 100644
--- a/frontend/src/controls.ts
+++ b/frontend/src/controls.ts
@@ -28,8 +28,16 @@ export function startControls() {
 
     ;['Power', 'WakeUp', 'Sleep'].map(code => {
       const el = document.querySelector(`button#${code.toLowerCase()}`)
-      el.addEventListener('mousedown', () => document.dispatchEvent(new KeyboardEvent('keydown', { code })))
-      el.addEventListener('mouseup', () => document.dispatchEvent(new KeyboardEvent('keyup', { code })))
+
+      el.addEventListener('mousedown', () => {
+        log.info(`Pressing ${code} button...`)
+        document.dispatchEvent(new KeyboardEvent('keydown', { code }))
+      })
+
+      el.addEventListener('mouseup', () => {
+        log.info(`${code} button released.`)
+        document.dispatchEvent(new KeyboardEvent('keyup', { code }))
+      })
     })
   })
 }
diff --git a/frontend/src/index.scss b/frontend/src/index.scss
index 2b15f0f..302f414 100644
--- a/frontend/src/index.scss
+++ b/frontend/src/index.scss
@@ -86,6 +86,7 @@ body {
     overflow-x: hidden;
 
     li {
+      font-size: .9em;
       padding: 2px 8px;
       width: 100%;
       list-style-type: none;