diff --git a/ext/css/sidebar.css b/ext/css/sidebar.css
index 38497d5..6a05d17 100644
--- a/ext/css/sidebar.css
+++ b/ext/css/sidebar.css
@@ -380,10 +380,14 @@ html, body {
     margin-right: 4px;
 }
 
+.headerIcon.nonClickable {
+    margin-left: 4px;
+    margin-right: 8px;
+}
+
 .headerIcon.iconButton {
-    padding: 0;
-    width: 16px;
-    height: 20px;
+    width: 24px;
+    height: 28px;
 }
 
 .spinner {
diff --git a/src/looped_in/sidebar.cljs b/src/looped_in/sidebar.cljs
index 60c58e6..c8b0719 100644
--- a/src/looped_in/sidebar.cljs
+++ b/src/looped_in/sidebar.cljs
@@ -81,7 +81,7 @@
   (cond
     (:loading state) (list (components/sidebar-header (components/with-classes
                                                         (components/header-icon "icons/icon48.png")
-                                                        "headerIcon"))
+                                                        "headerIcon" "nonClickable"))
                            (components/sidebar-content (components/loader)))
     (:item state) (list
                    (components/sidebar-header (dom/createDom
@@ -148,7 +148,7 @@
     (:hits state) (list
                    (components/sidebar-header (components/with-classes
                                                 (components/header-icon "icons/icon48.png")
-                                                "headerIcon"))
+                                                "headerIcon" "nonClickable"))
                    (apply
                     components/sidebar-content
                     (map (fn [hit]