diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index a6d0bcb..ea8f3d9 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -8,7 +8,9 @@
   </head>
   <body>
     <div id="toc" class="sidebar">
-      <img src="{{ site.url }}{{ site.baseurl }}/img/countess.png" width="100%" style="max-width: 16rem;">
+      <div>
+	      <img src="{{ site.url }}{{ site.baseurl }}/img/countess.png" width="100%"/>
+      </div>
       <p>
         {% if page.url != "/" %}
           <a href="{{ site.url }}{{ site.baseurl }}">CountESS Documentation</a></p>
diff --git a/docs/css/custom.css b/docs/css/custom.css
index 1d09c6a..38eee27 100644
--- a/docs/css/custom.css
+++ b/docs/css/custom.css
@@ -9,6 +9,16 @@ div.navbar {
     border-bottom: 2px solid var(--tertiary-color);
 }
 
+div.sidebar div {
+    text-align: center;
+}
+
+div.sidebar div img {
+    display: inline-block;
+    max-width: 50%;
+    margin: 0;
+}
+
 dt {
     font-weight: bold;
 }
