diff --git a/public/css/style.css b/public/css/style.css
index 4df26ba4..448a2b7f 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -186,6 +186,10 @@ div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:last-of-typ
 .navbar {
     border-radius: 0px;
 }
+/* the logo needs some space */
+.navbar-logo {
+    margin-right: 10px;
+}
 
 :target {
     background-color: #e5eecc;
diff --git a/templates/index.html b/templates/index.html
index 3938955e..2477c7ae 100755
--- a/templates/index.html
+++ b/templates/index.html
@@ -42,7 +42,7 @@
                       <span class="icon-bar"></span>
                       <span class="icon-bar"></span>
                   </button>
-                  <a href="{{.URL.Parse "/"}}"><img src="/img/logo.png" alt="Nyaa Pantsu"></a>
+                  <a href="{{.URL.Parse "/"}}"><img src="/img/logo.png" class ="navbar-logo" alt="Nyaa Pantsu"></a>
                   <a class="navbar-brand hidden-md pull-right nightswitch" href="javascript:toggleNightMode();" ></a>
               </div>
               <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">