diff --git a/ui/media/css/image-editor.css b/ui/media/css/image-editor.css
index b0f61684..87c0ac4a 100644
--- a/ui/media/css/image-editor.css
+++ b/ui/media/css/image-editor.css
@@ -194,6 +194,13 @@
 
 #init_image_preview_container .button {
 	display: flex;
+	padding: 6px;
+	height: 24px;
+	box-shadow: 2px 2px 1px 1px #00000088;
+}
+
+#init_image_preview_container .button:hover {
+  background: var(--background-color4)
 }
 
 .image-editor-popup .button {
diff --git a/ui/media/css/main.css b/ui/media/css/main.css
index 09e2fb94..d5af022c 100644
--- a/ui/media/css/main.css
+++ b/ui/media/css/main.css
@@ -621,16 +621,14 @@ input[type="file"] {
 button,
 input::file-selector-button,
 .button { 
-    padding: 6px;
+    padding: 2px 4px;
     border-radius: var(--input-border-radius);
     background: var(--button-color);
     color: var(--button-text-color);
     border: var(--button-border);
-    height: 24px;
     align-items: center;
     justify-content: center;
     cursor: pointer;
-    box-shadow: 2px 2px 1px 1px #00000088;
 }
 
 .button i {
@@ -639,7 +637,8 @@ input::file-selector-button,
 
 button:hover,
 .button:hover {
-  background: var(--background-color4)
+  transition-duration: 0.1s;
+  background: hsl(var(--accent-hue), 100%, calc(var(--accent-lightness) + 6%));
 }
 
 input::file-selector-button {
@@ -804,6 +803,7 @@ input::file-selector-button {
 #promptsFromFileBtn {
     font-size: 9pt;
     display: inline;
+    background-color: var(--accent-color);
 }
 
 .section-button {