diff --git a/docs/css/custom.css b/docs/css/custom.css
index d4063f2..b9d77de 100644
--- a/docs/css/custom.css
+++ b/docs/css/custom.css
@@ -4,6 +4,6 @@
     display: block;
 }
 
-.termy {
+.termy [data-termynal] {
     white-space: pre-wrap;
 }
diff --git a/docs/css/termynal.css b/docs/css/termynal.css
index 954d005..0484e65 100644
--- a/docs/css/termynal.css
+++ b/docs/css/termynal.css
@@ -18,7 +18,8 @@
     background: var(--color-bg);
     color: var(--color-text);
     font-size: 18px;
-    font-family: 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace;
+    /* font-family: 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace; */
+    font-family: 'Roboto Mono', 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace;
     border-radius: 4px;
     padding: 75px 45px 35px;
     position: relative;
diff --git a/docs/js/termynal.js b/docs/js/termynal.js
index 47f7f47..8b0e933 100644
--- a/docs/js/termynal.js
+++ b/docs/js/termynal.js
@@ -135,7 +135,7 @@ class Termynal {
         }
         restart.href = '#'
         restart.setAttribute('data-terminal-control', '')
-        restart.innerHTML = "restart \u27f3"  // Refresh emoji
+        restart.innerHTML = "restart ↻"
         return restart
     }
     
@@ -149,7 +149,7 @@ class Termynal {
         }
         finish.href = '#'
         finish.setAttribute('data-terminal-control', '')
-        finish.innerHTML = "fast \u2b95"  // Fast emoji arrow
+        finish.innerHTML = "fast →"
         this.finishElement = finish
         return finish
     }