diff --git a/frontends/etiquette_flask/static/css/common.css b/frontends/etiquette_flask/static/css/common.css
index 103306f..c5a6f0e 100644
--- a/frontends/etiquette_flask/static/css/common.css
+++ b/frontends/etiquette_flask/static/css/common.css
@@ -166,6 +166,10 @@ button *
 {
     color: black;
 }
+button:disabled
+{
+    background-color: #cccccc !important;
+}
 .gray_button
 {
     background-color: #cccccc;
diff --git a/frontends/etiquette_flask/templates/clipboard.html b/frontends/etiquette_flask/templates/clipboard.html
index 1823f42..173d9bd 100644
--- a/frontends/etiquette_flask/templates/clipboard.html
+++ b/frontends/etiquette_flask/templates/clipboard.html
@@ -307,15 +307,13 @@ function download_zip_form()
 ////////////////////////////////////////////////////////////////////////////////
 
 var refresh_metadata_button = document.getElementById("refresh_metadata_button");
-var refresh_metadata_spinner = document.getElementById("refresh_metadata_spinner")
+var refresh_metadata_spinner = document.getElementById("refresh_metadata_spinner");
 refresh_metadata_spinner = new spinner.Spinner(refresh_metadata_spinner);
 
 function refresh_metadata_callback(response)
 {
     response = response["data"];
     refresh_metadata_button.disabled = false;
-    refresh_metadata_button.classList.remove("gray_button");
-    refresh_metadata_button.classList.add("green_button");
     refresh_metadata_spinner.hide();
     if ("error_type" in response)
     {
@@ -341,8 +339,6 @@ function refresh_metadata_form()
     data.append("photo_ids", photo_ids);
     refresh_metadata_spinner.show();
     refresh_metadata_button.disabled = true;
-    refresh_metadata_button.classList.add("gray_button");
-    refresh_metadata_button.classList.remove("green_button");
     common.post(url, data, refresh_metadata_callback);
 }