diff --git a/public/style.css b/public/style.css
index 3315ff9..f34ffbb 100644
--- a/public/style.css
+++ b/public/style.css
@@ -74,6 +74,31 @@ i.fas, i.fab {
 }
 
 
+/* Search bar*/
+
+.search-bar-container {
+    margin: 2em;
+    display: flex;
+    flex-flow: row wrap;
+    align-items: center;
+}
+
+.search-bar-input, .search-dropdown {
+    margin: 0.5em;
+    height: calc(1.5em + .75rem + 2px);
+    background-color: var(--white);
+    border: 1px solid var(--dark-pink);
+    border-radius: .5rem;
+}
+
+.search-bar-input {
+    width: 30rem;
+}
+
+.search-dropdown {
+    width: 10rem;
+}
+
 /* Navbar */
 .navbar-text {
     color: var(--dark-blue);
diff --git a/src/Pages/Top.elm b/src/Pages/Top.elm
index 8c669df..de2e126 100644
--- a/src/Pages/Top.elm
+++ b/src/Pages/Top.elm
@@ -289,7 +289,7 @@ viewApp app =
         app_href =
             Route.toString <| Route.App_String { app = app.slug }
     in
-    div [ class "col-md-4 mb-3 col-sm-12" ]
+    div [ class "col-md-3 mb-3 col-sm-12" ]
         [ div [ class "smaller-card" ]
             [ img [ class "card-img-top", src icon_url, alt ("icon for " ++ app.name) ] []
             , div [ class "card-body" ]
@@ -335,11 +335,11 @@ viewApps model =
                 [ div [ class "row" ]
                     [ div [ class "col-sm-12" ] [
                         div [] [ 
-                                form [ class "card-body form-inline" ] [
+                                form [ class "search-bar-container" ] [
                                     label [ for "text" ] [ text "Search" ]
-                                    , input [ class "ml-2 form-control", id "text", onInput FilterText ] []
+                                    , input [ class "search-bar-input", id "text", onInput FilterText ] []
                                     , label [ for "level" ] [ text "  and show only items that have at least  " ]
-                                    , select [ class "ml-2 mr-4 form-control", id "level", onInput FilterScore ] [
+                                    , select [ class "search-dropdown", id "level", onInput FilterScore ] [
                                         option [ ] [ text "any" ]
                                         , option [ value "1" ] [ text "1 (production)" ]
                                         , option [ value "2" ] [ text "2 (beta)" ]