diff --git a/scripts/system/html/css/record.css b/scripts/system/html/css/record.css
index 229fbd97ec..30164fe370 100644
--- a/scripts/system/html/css/record.css
+++ b/scripts/system/html/css/record.css
@@ -106,13 +106,15 @@ body {
 
 
 #show-info-button {
-    font-weight: bold;
-    font-size: 14px;
-    text-transform: lowercase;
-    padding: 0;
-    min-width: 40px;
+    font-family: HiFi-Glyphs;
+    font-size: 32px;
     height: 16px;
-    margin-left: 14px;
+    line-height: 16px;
+    display: inline-block;
+    position: relative;
+    top: 11px;
+    margin-top: -11px;
+    margin-left: 7px;
 }
 
 #show-info-button:hover {
diff --git a/scripts/system/html/record.html b/scripts/system/html/record.html
index 3867c06de0..be2c76924a 100644
--- a/scripts/system/html/record.html
+++ b/scripts/system/html/record.html
@@ -52,7 +52,7 @@
                         <tr>
                             <td id="footer-text" colspan="2">
                                 Number of available instances: <span id="players-unused"></span>
-                                <input id="show-info-button" type="button" value="i" />
+                                <span id="show-info-button">[</span>
                             </td>
                         </tr>
                     </tfoot>