diff --git a/dist/client/ui/text_filter.js b/dist/client/ui/text_filter.js
index 13413aec2e0a..0d80b1908a42 100644
--- a/dist/client/ui/text_filter.js
+++ b/dist/client/ui/text_filter.js
@@ -65,7 +65,8 @@ var TextFilter = function (_React$Component) {
         display: 'block',
         width: '100%',
         boxSizing: 'border-box',
-        outline: 'none'
+        outline: 'none',
+        height: 26
       };
 
       var clearButtonStyle = {
@@ -78,7 +79,9 @@ var TextFilter = function (_React$Component) {
         top: 0,
         textAlign: 'center',
         boxSizing: 'border-box',
-        cursor: 'pointer'
+        cursor: 'pointer',
+        height: 26,
+        lineHeight: '20px'
       };
 
       return _react2.default.createElement(
diff --git a/src/client/ui/text_filter.js b/src/client/ui/text_filter.js
index 82dfe0ae6268..1d95e212f444 100644
--- a/src/client/ui/text_filter.js
+++ b/src/client/ui/text_filter.js
@@ -26,6 +26,7 @@ export default class TextFilter extends React.Component {
       width: '100%',
       boxSizing: 'border-box',
       outline: 'none',
+      height: 26,
     };
 
     const clearButtonStyle = {
@@ -39,6 +40,8 @@ export default class TextFilter extends React.Component {
       textAlign: 'center',
       boxSizing: 'border-box',
       cursor: 'pointer',
+      height: 26,
+      lineHeight: '20px',
     };
 
     return (