diff --git a/scripts/CardListController.js b/scripts/CardListController.js
index 2090bd9..c42252d 100644
--- a/scripts/CardListController.js
+++ b/scripts/CardListController.js
@@ -5,7 +5,7 @@ angular.module('flashy.CardListController', ['ui.router']).
         $rootScope.currentSection = $rootScope.SectionResource.get({sectionId: sectionId});
         $scope.cards = [];
 
-        $http.get('/api/sections/' + sectionId + '/flashcards/').
+        $http.get('/api/sections/' + sectionId + '/flashcards/?hidden=yes').
             success(function(data) {
                 console.log(data);
                 $scope.cards = data;
diff --git a/templates/cardlist.html b/templates/cardlist.html
index e04e4dd..19f116d 100644
--- a/templates/cardlist.html
+++ b/templates/cardlist.html
@@ -1,17 +1,15 @@
 <div class="row">
   <a class="btn" id="showHidden" ng-click="show = !show" style="margin-top: 15px">Show Hidden</a>
-  <form class="col s6">
-    <div class="input-field col s6">
+    <div class="input-field col s4 right">
       <i class="mdi-action-search prefix"></i>
-      <input id="search" type="text" class="validate" ng-model="searchText">
+      <input id="search" type="text" class="validate" ng-model="searchText"/>
       <label for="search">Search</label>
     </div>
-  </form>
 </div>
 
 <div class="row">
   <form>
-    <div class="row">
+    <div class="col s12">
       <div class="col s2">
         <input type="checkbox" class="filled-in" id="weekOneCheck" ng-model="filter['week1']"/>
         <label for="weekOneCheck">Week One</label>
@@ -33,7 +31,7 @@
         <label for="weekFiveCheck">Week Five</label>
       </div>
     </div>
-    <div class="row">
+    <div class="col s12">
       <div class="col s2">
         <input type="checkbox" class="filled-in" id="weekSixCheck" ng-model="filter['week6']"/>
         <label for="weekSixCheck">Week Six</label>