diff --git a/assets/fonts/Roboto-Black.woff b/assets/fonts/Roboto-Black.woff
deleted file mode 100644
index bd0494e..0000000
Binary files a/assets/fonts/Roboto-Black.woff and /dev/null differ
diff --git a/assets/fonts/Roboto-Black.woff2 b/assets/fonts/Roboto-Black.woff2
deleted file mode 100644
index 30a1e36..0000000
Binary files a/assets/fonts/Roboto-Black.woff2 and /dev/null differ
diff --git a/assets/fonts/Roboto-Regular.woff b/assets/fonts/Roboto-Regular.woff
deleted file mode 100644
index 3acceb6..0000000
Binary files a/assets/fonts/Roboto-Regular.woff and /dev/null differ
diff --git a/assets/fonts/Roboto-Regular.woff2 b/assets/fonts/Roboto-Regular.woff2
deleted file mode 100644
index 1999612..0000000
Binary files a/assets/fonts/Roboto-Regular.woff2 and /dev/null differ
diff --git a/css/style.css b/css/style.css
index 2925802..7a91794 100644
--- a/css/style.css
+++ b/css/style.css
@@ -4,20 +4,12 @@
   --foreground: #F1F1F1;
 
   /* fonts */
-  --font-family: 'Open Sans', sans-serif;
+  --font-family: Verdana, Geneva, sans-serif;
   --base-font-size: 18px;
   --font-weight-normal: 500;
   --font-weight-bold: 900;
 }
 
-@font-face {
-  font-family: 'Open Sans', sans-serif;
-  font-style: normal;
-  font-weight: var(--font-weight-normal);
-  src: local('Open Sans'), local('Open Sans'),
-    url('../assets/fonts/OpenSans-Regular.ttf') format('ttf');
-}
-
 * {
   box-sizing: border-box;
 }
@@ -36,7 +28,7 @@ body {
   height: 100%;
   margin: 0;
   padding: 0;
-  transition: background 0.2s;
+  transition: background 0.4s;
   background: var(--background);
   color: var(--foreground);
 }
@@ -207,17 +199,13 @@ body.suggestions .search-suggestions {
 }
 
 .command-key {
-  display: block;
-  float: left;
+  border-radius: 50%;
   width: 2rem;
   height: 2rem;
   margin-right: 1rem;
-  border-radius: 50%;
-  background: transparent;
-  color: var(--background);
-  font-size: 0.65rem;
+  font-size: 0.75rem;
   font-weight: 800;
-  line-height: 2rem;
+  line-height: 1.5rem;
   text-align: center;
 }
 
diff --git a/js/script.js b/js/script.js
index e416608..29e80d4 100644
--- a/js/script.js
+++ b/js/script.js
@@ -408,9 +408,10 @@ class Help {
               <a href="${url}" target="${this._newTab ? '_blank' : '_self'}">
                     <style>
                       .command-key-${i} {
-                        color: ${bgcolor}; 
-                        background-color:${fgcolor};
-
+                        color: ${fgcolor}; 
+                        background-color:${bgcolor};
+                        border: 4px solid ${fgcolor}; 
+                        background-color: ${bgcolor};
                       }   
                     </style>
                 <span class="command-key command-key-${i}" style="">${key}</span>