diff --git a/public/index.html b/public/index.html
index 59740b39f..5bc8c59de 100644
--- a/public/index.html
+++ b/public/index.html
@@ -72,6 +72,7 @@
 </div>
 <div id="main-container" class="sidebar-closed">
     <div id="palette">
+        <i class="palette-spinner spinner"></i>
         <div class="palette-scroll">
             <div class="palette-category">
                 <div class="palette-header"><i class="expanded icon-chevron-down"></i><span>inputs</span></div>
diff --git a/public/red/main.js b/public/red/main.js
index 4591c2174..815b07963 100644
--- a/public/red/main.js
+++ b/public/red/main.js
@@ -142,6 +142,9 @@ var RED = function() {
     function loadNodes() {
         $.get('nodes', function(data) {
                 $("body").append(data);
+                $(".palette-spinner").hide();
+                $(".palette-scroll").show();
+                $("#palette-search").show();
                 loadFlows();
         });
     }
diff --git a/public/style.css b/public/style.css
index 472ec306b..56bcebba7 100644
--- a/public/style.css
+++ b/public/style.css
@@ -108,6 +108,7 @@ a.brand img {
    user-select: none;
 }
 .palette-scroll {
+    display: none;
     position: absolute;
     top: 0;
     left:0;
@@ -118,8 +119,12 @@ a.brand img {
     box-sizing:border-box;
     -moz-box-sizing: border-box;    
 }
+.palette-spinner {
+    padding-top: 40px;
+}
 #palette-search {
     position: absolute;
+    display: none;
     bottom: 0;
     left:0;
     right:0;