diff --git a/views/components/search_bar.html b/views/components/search_bar.html
index b67d611..2718f2b 100644
--- a/views/components/search_bar.html
+++ b/views/components/search_bar.html
@@ -7,6 +7,7 @@
     }
 
     .search-input input[type="search"] {
+        height: 40px;
         width: calc(100% - 60px);
         padding: 10px 16px;
         border: none;
@@ -22,7 +23,6 @@
         color: #999;
     }
 
-    /* Remove the search input's default clear button in webkit browsers */
     .search-input input[type="search"]::-webkit-search-decoration,
     .search-input input[type="search"]::-webkit-search-cancel-button,
     .search-input input[type="search"]::-webkit-search-results-button,
@@ -32,6 +32,7 @@
 
     .search-input button {
         width: 50px;
+        height: 40px;
         padding: 10px 0;
         border: none;
         border-radius: 5px;
@@ -42,6 +43,9 @@
         transition: all 0.2s ease;
         margin-left: 4px;
         vertical-align: middle;
+        /* horizontal align content */
+        display: inline-block;
+        text-align: center;
     }
 
     .search-input button:hover {
diff --git a/views/results.html b/views/results.html
index 90d416b..22ef7e6 100644
--- a/views/results.html
+++ b/views/results.html
@@ -58,7 +58,8 @@
 
 	#results {
 		padding: 10px;
-		height: 100%;
+		height: calc(100% - 20px);
+		width: calc(100% - 20px);
 		background: radial-gradient(circle at 100% 0%, rgba(152, 219, 124, 0.15), transparent 50%), radial-gradient(circle at 0% 100%, rgba(255, 71, 85, 0.15), transparent 50%);
 	}