diff --git a/public/css/main.css b/public/css/main.css
index eda045b..9a7f56b 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -1,5 +1,5 @@
 .btn-group button {
-    background-color: #808080; /* Green background */
+    background: transparent;
     border: 1px solid #636060; /* Green border */
     color: black; /* White text */
     padding: 11px 14px; /* Some padding */
@@ -21,7 +21,7 @@
 
 /* Add a background color on hover */
 .btn-group button:hover {
-    background-color: #a5a3a3;
+    background-color: #9a9a9a;
 }
 
 button {
@@ -29,7 +29,7 @@ button {
 }
 
 .btn-group {
-    background-color: #808080;
+    background-color: #808080ab;
     margin-left: 5px;
     float: left;
     position: relative;
diff --git a/public/index.html b/public/index.html
index d57306f..4c1baad 100644
--- a/public/index.html
+++ b/public/index.html
@@ -87,13 +87,13 @@
 		<div class="btn-group">
 			<button id="saveAsImageBtn" title="Save whiteboard as image" type="button" class="whiteboardBtn">
 				<i class="fas fa-image"></i>
-				<i style="position: absolute; top: 3px; left: 2px; color: #000000; background: grey; font-size: 0.5em; "
+				<i style="position: absolute; top: 3px; left: 2px; color: #000000; font-size: 0.5em; "
 					class="fas fa-save"></i>
 			</button>
 			<button style="position: relative;" id="saveAsJSONBtn" title="Save whiteboard as JSON" type="button"
 				class="whiteboardBtn">
 				<i class="far fa-file-alt"></i>
-				<i style="position: absolute; top: 3px; left: 2px; color: #000000; background: grey; font-size: 0.5em; "
+				<i style="position: absolute; top: 3px; left: 2px; color: #000000; font-size: 0.5em; "
 					class="fas fa-save"></i>
 			</button>
 		</div>