diff --git a/apps/web/src/components/presentation/video-player/ControlButtons/Setting.tsx b/apps/web/src/components/presentation/video-player/ControlButtons/Setting.tsx
index 2ece400..1e5278d 100755
--- a/apps/web/src/components/presentation/video-player/ControlButtons/Setting.tsx
+++ b/apps/web/src/components/presentation/video-player/ControlButtons/Setting.tsx
@@ -15,11 +15,11 @@ export default function Setting() {
 	return (
 		<>
 			<div className="relative flex items-center">
-				<button
+				<div
 					onClick={() => setIsSettingsOpen(!isSettingsOpen)}
 					className="text-white hover:text-primaryHover">
 					<Cog6ToothIcon className="w-10 h-10" />
-				</button>
+				</div>
 
 				<AnimatePresence>
 					{isSettingsOpen && (