diff --git a/static/css/main.css b/static/css/main.css
index b6196183..4602df3f 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -108,12 +108,21 @@
  	padding: 0 2em;
  	font-size: 1em;
  }
- header nav a.title {
- 	margin: 0;
- 	padding: 0.5em 2em;
- 	font-size: 1.75em;
- 	text-align: center;
- }
+header nav a.title {
+    margin: 0;
+    text-align: center;
+    padding: 0.5em 1em;
+    font-size: 1.75em;
+}
+header nav a.title img {
+    height: 1.75em;
+    width: 1.75em;
+}
+header nav a.title p {
+    margin: 0;
+    padding-left: 0.5em;
+}
+
  header nav a i { font-size: 1.2em; }
 
  /* Only enable label animations on normal screens. */
diff --git a/templates/base.html.tera b/templates/base.html.tera
index 8a9b0f34..22b79925 100644
--- a/templates/base.html.tera
+++ b/templates/base.html.tera
@@ -17,7 +17,10 @@
             </nav>
             <div id="content">
                 <nav>
-                    <a href="/" class="title">{{ "Plume" | _ }}</a>
+                    <a href="/" class="title">
+                        <img src="/static/icons/trwnh/feather/plumeFeather256.png">
+                        <p>{{ "Plume" | _ }}</p>
+                    </a>
                     <hr/>
                     {% block header %}
                     {% endblock header %}