diff --git a/public/index.html b/public/index.html
index 4c675a183..b002281df 100644
--- a/public/index.html
+++ b/public/index.html
@@ -70,7 +70,7 @@
 
             <div id="left-nav-panel" class="drawer-content fillLeft closedDrawer">
                 <div id="left-nav-panelheader" class="fa-solid fa-grip drag-grabber"></div>
-                <div class="right_menu_button" id="lm_button_panel_pin_div" title="Locked = AI Configuration panel will stay open">
+                <div id="lm_button_panel_pin_div" title="Locked = AI Configuration panel will stay open">
                     <input type="checkbox" id="lm_button_panel_pin">
                     <label for="lm_button_panel_pin">
                         <div class="unchecked fa-solid fa-lock-open "></div>
diff --git a/public/style.css b/public/style.css
index 404bbb953..35cf5b82f 100644
--- a/public/style.css
+++ b/public/style.css
@@ -761,6 +761,18 @@ input[type="file"] {
 #rm_button_panel_pin_div,
 #lm_button_panel_pin_div {
     font-size: 24px;
+    display: inline;
+}
+
+#rm_button_panel_pin_div,
+#lm_button_panel_pin_div {
+    opacity: 0.5;
+    transition: 0.3s;
+}
+
+#rm_button_panel_pin_div:hover,
+#lm_button_panel_pin_div:hover {
+    opacity: 1;
 }
 
 #lm_button_panel_pin_div {
@@ -774,12 +786,12 @@ input[type="file"] {
 
 #rm_button_panel_pin:checked+label,
 #lm_button_panel_pin:checked+label {
-    display: block;
+    display: inline;
 }
 
 #rm_button_panel_pin:checked+label .checked,
 #lm_button_panel_pin:checked+label .checked {
-    display: block;
+    display: inline;
 }
 
 #rm_button_panel_pin:checked+label .unchecked,
@@ -794,12 +806,17 @@ input[type="file"] {
 
 #rm_button_panel_pin:not(:checked)+label .unchecked,
 #lm_button_panel_pin:not(:checked)+label .unchecked {
-    display: block;
+    display: inline;
 }
 
 #rm_button_selected_ch {
     flex: 1;
     overflow: hidden;
+    opacity: 0.5;
+}
+
+#rm_button_selected_ch:hover {
+    opacity: 1;
 }
 
 #rm_button_selected_ch h2 {