diff --git a/frontend/bower.json b/frontend/bower.json
index 7569783..cda5c02 100644
--- a/frontend/bower.json
+++ b/frontend/bower.json
@@ -24,7 +24,7 @@
     "paper-toolbar": "PolymerElements/paper-toolbar#^1.1.4",
     "paper-drawer-panel": "PolymerElements/paper-drawer-panel#^1.0.9",
     "paper-icon-button": "PolymerElements/paper-icon-button#^2.2.0",
-    "iron-icons": "PolymerElements/iron-icons#^1.1.3",
+    "iron-icons": "PolymerElements/iron-icons#^2.1.1",
     "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.3.1",
     "paper-dropdown-menu": "PolymerElements/paper-dropdown-menu#^1.2.1",
     "paper-listbox": "polymerelements/paper-listbox#^1.1.2",
@@ -59,6 +59,7 @@
     "iron-resizable-behavior": "^1.0.4",
     "paper-checkbox": "^1.2.0",
     "webcomponentsjs": "^v1.1.0",
-    "paper-icon-button": "^1.1.2"
+    "paper-icon-button": "^1.1.2",
+    "iron-icons": "^1.1.3"
   }
 }
diff --git a/frontend/src/ketr-photos/ketr-photos.html b/frontend/src/ketr-photos/ketr-photos.html
index 83f2a44..8b60023 100755
--- a/frontend/src/ketr-photos/ketr-photos.html
+++ b/frontend/src/ketr-photos/ketr-photos.html
@@ -67,7 +67,6 @@
       }
 
       #albums {
-        height: 100%;
         overflow-y: scroll;
       }
 
@@ -76,6 +75,20 @@
         cursor: pointer;
       }
 
+      #searchBox {
+      }
+
+      #searchContents {
+        box-sizing: border-box;
+        height: 100%;
+      }
+
+      #searchMode {
+        padding: 0.5em 1em;
+        background: #ddd;
+        color: #444;
+      }
+
       #breadcrumb > div {
         margin-right: 0.5em;
         cursor: pointer;
@@ -195,13 +208,20 @@
 
     <app-drawer-layout id="albumLayout" force-narrow=true>
       <app-drawer id="searchBox" slot="drawer">
-        <div id="albums" class="layout vertical">
-          <template is="dom-repeat" items="[[breadcrumb(path)]]">
-            <div on-tap="loadPath">[[item.name]] /</div>
-          </template>
-          <template is="dom-repeat" items="[[albums.children]]">
-            <div on-tap="loadPath">[[item.name]]</div>
-          </template>
+        <div id="searchContents" class="layout vertical">
+          <div id="searchMode" class="layout horizontal justified">
+            <paper-icon-button icon="folder"></paper-icon-button> 
+            <paper-icon-button icon="date-range"></paper-icon-button> 
+            <paper-icon-button icon="today"></paper-icon-button> 
+          </div>
+          <div id="albums" class="flex layout vertical">
+            <template is="dom-repeat" items="[[breadcrumb(path)]]">
+              <div on-tap="loadPath">[[item.name]] /</div>
+            </template>
+            <template is="dom-repeat" items="[[albums.children]]">
+              <div on-tap="loadPath">[[item.name]]</div>
+            </template>
+          </div>
         </div>
       </app-drawer>
       <app-header-layout>