diff --git a/app/src/components/ui/componets/AddButtons.tsx b/app/src/components/ui/componets/AddButtons.tsx
index 4ff9ebb..f554ecc 100644
--- a/app/src/components/ui/componets/AddButtons.tsx
+++ b/app/src/components/ui/componets/AddButtons.tsx
@@ -155,7 +155,13 @@ const AddButtons: React.FC<ButtonsProps> = ({
                 }
                 onClick={() => toggleVisibility(side)}
               >
-                <EyeIcon />
+                <EyeIcon
+                  fill={
+                    hiddenPanels.includes(side)
+                      ? "white"
+                      : "#1D1E21"
+                  }
+                />
               </div>
 
               {/* Clean Panel */}
@@ -179,7 +185,7 @@ const AddButtons: React.FC<ButtonsProps> = ({
                 }
                 onClick={() => toggleLockPanel(side)}
               >
-                <LockIcon />
+                <LockIcon fill={selectedZone.lockedPanels.includes(side) ? "#ffffff":"#1D1E21"}/>
               </div>
             </div>
           )}
@@ -190,3 +196,5 @@ const AddButtons: React.FC<ButtonsProps> = ({
 };
 
 export default AddButtons;
+
+