diff --git a/src/views/control/main/ControlMain.js b/src/views/control/main/ControlMain.js
index 73223de..cddb2a9 100644
--- a/src/views/control/main/ControlMain.js
+++ b/src/views/control/main/ControlMain.js
@@ -308,29 +308,17 @@ const ControlMain = () => {
         <div />
       )}
 
-      {openSetting ? (
-        <div className='right-menu active'>
-          <button
-            className='right-layer-btn'
-            onClick={() => setOpenSetting(false)}
-          >
-            <Map size={18} />
-          </button>
-          <div className='right-layer active'>
-            <ControlSetting />
-          </div>
+      <div className={`right-menu ${openSetting ? 'active' : ''}`}>
+        <button
+          className='right-layer-btn'
+          onClick={() => setOpenSetting(!openSetting)}
+        >
+          <Map size={18} />
+        </button>
+        <div className={`right-layer  ${openSetting ? 'active' : ''}`}>
+          <ControlSetting />
         </div>
-      ) : (
-        <div className='right-menu'>
-          <button
-            className='right-layer-btn'
-            onClick={() => setOpenSetting(true)}
-          >
-            <Map size={18} />
-          </button>
-          <div className='right-layer'></div>
-        </div>
-      )}
+      </div>
     </>
   );
 };