diff --git a/datasette/static/app.css b/datasette/static/app.css
index 386fe81a..581c2922 100644
--- a/datasette/static/app.css
+++ b/datasette/static/app.css
@@ -135,3 +135,41 @@ form input[type=submit] {
     line-height: 1;
     border-radius: .25rem;
 }
+
+.filter-row {
+    margin-bottom: 0.3em;
+}
+
+.select-wrapper {
+    border: 1px solid #ccc;
+    width: 120px;
+    border-radius: 3px;
+    background-color: #fafafa;
+    position: relative;
+    display: inline-block;
+}
+.select-wrapper.filter-op {
+    width: 80px;
+}
+.select-wrapper::after {
+    content: "\25BE";
+    position: absolute;
+    top: 0px;
+    right: 5px;
+    color: #bbb;
+}
+
+.select-wrapper select {
+    padding: 5px 8px;
+    width: 100%;
+    border: none;
+    box-shadow: none;
+    background: transparent;
+    background-image: none;
+    -webkit-appearance: none;
+}
+
+.select-wrapper select:focus {
+    outline: none;
+}
+</style>
diff --git a/datasette/templates/table.html b/datasette/templates/table.html
index 0bd2656f..73b87978 100644
--- a/datasette/templates/table.html
+++ b/datasette/templates/table.html
@@ -31,39 +31,47 @@
 
 <form class="filters" action="/{{ database }}-{{ database_hash }}/{{ table|quote_plus }}" method="get">
     {% for column, lookup, value in filters.selections() %}
-        <p>
-            <select name="_filter_column_{{ loop.index }}" style="font-size: 20px">
-                {% for c in display_columns %}
-                    {% if c != 'rowid' %}
-                        <option{% if c == column %} selected{% endif %}>{{ c }}</option>
+        <div class="filter-row">
+            <div class="select-wrapper">
+                <select name="_filter_column_{{ loop.index }}">
+                    {% for c in display_columns %}
+                        {% if c != 'rowid' %}
+                            <option{% if c == column %} selected{% endif %}>{{ c }}</option>
+                        {% endif %}
+                    {% endfor %}
+                </select>
+            </div>
+            <div class="select-wrapper filter-op">
+                <select name="_filter_op_{{ loop.index }}">
+                    {% for key, display, no_argument in filters.lookups() %}
+                        <option value="{{ key }}{% if no_argument %}__1{% endif %}"{% if key == lookup %} selected{% endif %}>{{ display }}</option>
+                    {% endfor %}
+                </select>
+            </div>
+            <input type="text" name="_filter_value_{{ loop.index }}" style="width: 200px" value="{{ value }}">
+        </div>
+    {% endfor %}
+    <div class="filter-row">
+        <div class="select-wrapper">
+            <select name="_filter_column">
+                <option value="">- pick a column -</option>
+                {% for column in display_columns %}
+                    {% if column != 'rowid' %}
+                        <option>{{ column }}</option>
                     {% endif %}
                 {% endfor %}
             </select>
-            <select name="_filter_op_{{ loop.index }}" style="font-size: 20px">
+        </div>
+        <div class="select-wrapper filter-op">
+            <select name="_filter_op">
                 {% for key, display, no_argument in filters.lookups() %}
                     <option value="{{ key }}{% if no_argument %}__1{% endif %}"{% if key == lookup %} selected{% endif %}>{{ display }}</option>
                 {% endfor %}
             </select>
-            <input type="text" name="_filter_value_{{ loop.index }}" style="width: 200px" value="{{ value }}">
-        </p>
-    {% endfor %}
-    <p>
-        <select name="_filter_column" style="font-size: 20px">
-            <option value="">- pick a column -</option>
-            {% for column in display_columns %}
-                {% if column != 'rowid' %}
-                    <option>{{ column }}</option>
-                {% endif %}
-            {% endfor %}
-        </select>
-        <select name="_filter_op" style="font-size: 20px">
-            {% for key, display, no_argument in filters.lookups() %}
-                <option value="{{ key }}{% if no_argument %}__1{% endif %}"{% if key == lookup %} selected{% endif %}>{{ display }}</option>
-            {% endfor %}
-        </select>
+        </div>
         <input type="text" name="_filter_value" style="width: 200px">
         <input type="submit" value="{% if filters.has_selections() %}Apply filters{% else %}Add filter{% endif %}">
-    </p>
+    </div>
 </form>
 
 <pre>{{ query.sql }}</pre>