Fix 404 error page

_includes/overrides/404.html

@@ -1,7 +1,29 @@
-{% extends "main.html" %}
+{% extends "base.html" %}
+
+{% block tabs %}
+{{ super() }}
+
+{% endblock %}
+
+{% block site_nav %}
+{% endblock %}
+
 {% block content %}
-  <h1>
-  	<span class="twemoji">{% include ".icons/fontawesome/regular/sad-tear.svg" %}</span>
-  	Uh oh - Page not found...
-  </h1>
+<style>
+  h1 {
+    font-family: Arial, Helvetica, sans-serif;
+    display: block;
+  }
+</style>
+
+<section class="mdx-container">
+  <div class="md-grid md-typeset">
+    <div class="mdx-hero"></div>
+      <h1>
+        <span class='fas fa-search'></span>
+        Page not found
+      </h1>
+  </div>
+</section>
+
 {% endblock %}

_includes/overrides/home.html

@@ -23,10 +23,10 @@
         <!-- Hero content -->
         <div class="mdx-hero__content">
           <a href="features" title="InvenTree features" class="md-button md-button">
-            Features
+            <span class='fas fa-star'></span> Features
           </a>
           <a href="start/intro" title="Install InvenTree" class="md-button md-button">
-            Install
+            <span class='fas fa-server'></span> Install
           </a>
           <a href="https://github.com/inventree/inventree" title="Explore InvenTree source code" class="md-button md-button">
             <span class='fab fa-github'></span> Source Code