diff --git a/app/common/directives/log-search-control.html b/app/common/directives/log-search-control.html
index 09a393b..0e4136e 100644
--- a/app/common/directives/log-search-control.html
+++ b/app/common/directives/log-search-control.html
@@ -2,5 +2,8 @@
 <div class="content__search">
     <label for="content__search-input">Event Log Search</label>
     <input id="content__search-input" type="text" ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/>
-    <input id="content__search-submit" type="submit" class="btn btn-primary" value="Filter" ng-click="doSearchOnClick()"/>
+    <div class="search-submit__wrapper">
+		<button class="clear-input" ng-click="customSearch = ''">&#10005;</button>
+        <input id="content__search-submit" type="submit" class="btn btn-primary content__search-submit" value="Filter" ng-click="doSearchOnClick()"/>
+    </div>
 </div>
\ No newline at end of file
diff --git a/app/common/styles/elements/content-search.scss b/app/common/styles/elements/content-search.scss
index e93bff0..d4b9e14 100644
--- a/app/common/styles/elements/content-search.scss
+++ b/app/common/styles/elements/content-search.scss
@@ -30,12 +30,22 @@
     opacity: .6;
   }
 
-  #content__search-submit {
-    position: absolute;
+  .clear-input {
     display: inline-block;
-    width: 100px;
-    top: .5em;
+    height: 30px;
+    width: 20px;
+    color: $darkgrey;
+    padding: 0;
+    margin-right: .5em;
+  }
+  .search-submit__wrapper {
+    position: absolute;
+    width: auto;
+    top: .4em;
     right: 5px;
+  }
+  .content__search-submit {
+    display: inline-block;
     padding: 1em 2em .9em;
     min-height: 20px;
     text-align: center;
@@ -43,6 +53,7 @@
     font-weight: 700;
     font-size: .8em;
     border: 0;
+    width: auto;
     &:hover {
       cursor: pointer;
     }