diff --git a/html/main.css b/html/main.css
index 91439c5..0f96094 100644
--- a/html/main.css
+++ b/html/main.css
@@ -89,7 +89,25 @@ select {
 	padding-right: 20px; /* Padding for dropdown arrow */
 }
 
-button, input[type="file"]::file-selector-button {
+button, input[type="file"]::-webkit-file-upload-button {
+	background-color: #f0f0f0;
+	border: 1px solid;
+	border-color: #ddd #bbb #999;
+	border-radius: 4px;
+	color: #000;
+	font-family: inherit;
+	padding: 2px 10px;
+}
+button:hover, input[type="file"]::-webkit-file-upload-button:hover {
+	background-color: #eaeaea;
+}
+button:active, input[type="file"]::-webkit-file-upload-button:active {
+	background-color: #dfdfdf;
+	border-color: #999 #bbb #ddd;
+}
+
+/* Chrome can't parse this and ignores the entire rule */
+input[type="file"]::file-selector-button {
 	background-color: #f0f0f0;
 	border: 1px solid;
 	border-color: #ddd #bbb #999;
@@ -122,6 +140,9 @@ input[type="checkbox"]:checked {
 	background-size: contain;
 }
 
+button:focus, select:focus, input:focus {
+	outline: 0;
+}
 select:focus, input:focus {
 	border-color: #3daee9;
 }