diff --git a/mkdocs.yml b/mkdocs.yml
index 60c0c7188a43cbf51d9b6a39b558ad5ebe2dd4a6..dee89ae996a770fa893a74c539b7b63fab8ac4ea 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -52,6 +52,7 @@ markdown_extensions:
   - meta
 
 extra_css:
+  - 'https://use.fontawesome.com/releases/v5.8.1/css/all.css'
   - 'styles/thebelab.css'
 
 extra_javascript:
diff --git a/src/styles/thebelab.css b/src/styles/thebelab.css
index 11ba3160a3a00e4a7a2dd64a8d34a8bbb35848cc..4ae792a84a9373473d55097abab7620980ed4be3 100644
--- a/src/styles/thebelab.css
+++ b/src/styles/thebelab.css
@@ -37,8 +37,8 @@
 }
 
 #thebelab-activate-button {
-    margin-top: -1rem;
-    float: right;
+    font-size: 1rem;
+    margin-left: 0.4rem;
 }
 
 .thebelab-button.thebelab-restart-button {
diff --git a/theme/main.html b/theme/main.html
index 2a4419af9eabc02def3c75bf80ffd3a753a7e1ec..eea4e66270b02bd7c5f70920e569f3f650d55fb4 100644
--- a/theme/main.html
+++ b/theme/main.html
@@ -48,7 +48,10 @@
 
 {% block content %}
 {% if 'thebelab-code' in super() %}
-{{ super() | replace('</h1>', '</h1> <button id="thebelab-activate-button" class="thebelab-button" onclick="initThebelab()">Make live</button>', count=1) }}
+<a title="Make live" id="thebelab-activate-button" class="md-icon md-content__icon" onclick="initThebelab()">
+  <i class="fas fa-magic"></i>
+</a>
+{{ super() }}
 {% else %}
 {{ super() }}
 {% endif %}