diff --git a/renderer/components/ImageOptions.tsx b/renderer/components/ImageOptions.tsx
index ef28513..61c26bb 100644
--- a/renderer/components/ImageOptions.tsx
+++ b/renderer/components/ImageOptions.tsx
@@ -20,9 +20,9 @@ const ImageOptions = ({
   }, []);
 
   return (
-    <div className="animate rounded-btn collapse absolute top-1 z-50 m-2 opacity-25 hover:opacity-100">
+    <div className="animate rounded-btn collapse absolute top-1 z-50 m-2">
       <input type="checkbox" className="peer" />
-      <div className="collapse-title bg-base-100 text-center text-sm font-semibold uppercase text-primary-content peer-checked:bg-base-300 peer-checked:text-base-content">
+      <div className="outline-title peer-checked:outline-title-none collapse-title bg-opacity-25 text-center text-sm font-semibold uppercase text-slate-900 backdrop-blur-2xl peer-checked:bg-base-300 peer-checked:text-base-content">
         Show/Hide Image Settings
       </div>
 
diff --git a/renderer/styles/globals.css b/renderer/styles/globals.css
index 22a6fac..3107142 100644
--- a/renderer/styles/globals.css
+++ b/renderer/styles/globals.css
@@ -118,6 +118,15 @@
   .react-select-container .react-select__option--is-selected {
     @apply bg-accent;
   }
+
+  .outline-title {
+    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5),
+      -1px -1px 0 rgba(255, 255, 255, 0.5), 1px -1px 0 rgba(255, 255, 255, 0.5),
+      -1px 1px 0 rgba(255, 255, 255, 0.5), 1px 1px 0 rgba(255, 255, 255, 0.5);
+  }
+  .outline-title-none {
+    text-shadow: none;
+  }
 }
 
 .zoom-100 {