diff --git a/homeassistant/components/frontend/www_static/polymer/bower.json b/homeassistant/components/frontend/www_static/polymer/bower.json
index bed758dd9db..b8152330091 100644
--- a/homeassistant/components/frontend/www_static/polymer/bower.json
+++ b/homeassistant/components/frontend/www_static/polymer/bower.json
@@ -10,7 +10,7 @@
   "ignore": [
     "bower_components"
   ],
-  "dependencies": {
+  "devDependencies": {
     "polymer": "Polymer/polymer#^1.0.0",
     "webcomponentsjs": "Polymer/webcomponentsjs#^0.7",
     "font-roboto": "Polymer/font-roboto#^0.5.6",
@@ -32,6 +32,7 @@
     "paper-slider": "PolymerElements/paper-slider#^0.9",
     "paper-checkbox": "PolymerElements/paper-checkbox#^0.9",
     "paper-drawer-panel": "PolymerElements/paper-drawer-panel#^0.9",
+    "paper-scroll-header-panel": "polymerelements/paper-scroll-header-panel#~0.9.0",
     "google-apis": "GoogleWebComponents/google-apis#0.8-preview",
     "moment": "^2.10.3",
     "layout": "Polymer/layout",
diff --git a/homeassistant/components/frontend/www_static/polymer/layouts/partial-base.html b/homeassistant/components/frontend/www_static/polymer/layouts/partial-base.html
index 35149768a0d..2f92eb237af 100644
--- a/homeassistant/components/frontend/www_static/polymer/layouts/partial-base.html
+++ b/homeassistant/components/frontend/www_static/polymer/layouts/partial-base.html
@@ -1,13 +1,13 @@
 <link rel='import' href='../bower_components/polymer/polymer.html'>
 
-<link rel='import' href='../bower_components/paper-header-panel/paper-header-panel.html'>
+<link rel='import' href='../bower_components/paper-scroll-header-panel/paper-scroll-header-panel.html'>
 
 <link rel='import' href='../bower_components/paper-toolbar/paper-toolbar.html'>
 <link rel='import' href='../bower_components/paper-icon-button/paper-icon-button.html'>
 
 <dom-module id='partial-base'>
   <template>
-    <paper-header-panel class='fit' mode='scroll'>
+    <paper-scroll-header-panel class='fit'>
       <paper-toolbar>
         <paper-icon-button icon='menu' paper-drawer-toggle></paper-icon-button>
         <div class='flex'>
@@ -17,7 +17,7 @@
       </paper-toolbar>
 
       <div class='fit'><content></content></div>
-    </paper-header-panel>
+    </paper-scroll-header-panel>
   </template>
 </dom-module>