diff --git a/src/pug/templates/control-view.pug b/src/pug/templates/control-view.pug
index fee397c..90039de 100644
--- a/src/pug/templates/control-view.pug
+++ b/src/pug/templates/control-view.pug
@@ -323,11 +323,10 @@ script#control-view-template(type="text/x-template")
           message.error-message(:show.sync="deleteGCode")
             h3(slot="header") Select files to delete:
             div(slot="body")
-              .search-bar
-                input(type="text" v-model="search_query" placeholder="Search Files...")
+              input.search-bar(type="text" v-model="search_query" placeholder="Search Files...")
               .container
                 .folders
-                  div(v-for="(folder, index) in state.gcode_list" :key="index" @click="populateFiles(index)" class="folder-item") {{ folder.name }}
+                  div(v-for="(index, folder) in state.gcode_list" :key="index" @click="populateFiles(index)" class="folder-item") {{ folder.name }}
                 .files
                   label.file-item(v-for="item in gcode_filtered_files" :key="item")
                     input(type="checkbox" :value="item" v-model="selected_items_to_delete")
diff --git a/src/stylus/style.styl b/src/stylus/style.styl
index 4109c49..78fac4a 100644
--- a/src/stylus/style.styl
+++ b/src/stylus/style.styl
@@ -301,7 +301,6 @@ span.unit
   .container
     display flex
     width 100%
-    height 100vh
   
   .folders
     width 30%
@@ -314,15 +313,9 @@ span.unit
     padding 10px
     overflow-y auto
   
-  .folder-item, .file-item
-    padding: 5px
-    cursor: pointer
-  
-  .folder-item:hover, .file-item:hover
-    background-color #f0f0f0
-  
   .search-bar
     margin-bottom 10px
+    width 50%
 
   table
     border-collapse collapse