From 4d71a5186b0599646cef76c906028d002e49ecda Mon Sep 17 00:00:00 2001
From: vutnguyen <vu.tran.nguyen@c0x12c.com>
Date: Wed, 16 Apr 2025 17:50:23 +0700
Subject: [PATCH] chore: error nesting button

---
 .../src/routes/editor/LayersPanel/ZoomControls/index.tsx      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/studio/src/routes/editor/LayersPanel/ZoomControls/index.tsx b/apps/studio/src/routes/editor/LayersPanel/ZoomControls/index.tsx
index 2c1163f1a..6f590857e 100644
--- a/apps/studio/src/routes/editor/LayersPanel/ZoomControls/index.tsx
+++ b/apps/studio/src/routes/editor/LayersPanel/ZoomControls/index.tsx
@@ -74,7 +74,7 @@ const ZoomControls = observer(() => {
     };
 
     return (
-        <button className="w-16 h-10 rounded-xl text-small flex flex-col items-center justify-center gap-1.5 text-foreground hover:text-muted-foreground">
+        <div className="w-16 h-10 rounded-xl text-small flex flex-col items-center justify-center gap-1.5 text-foreground hover:text-muted-foreground">
             <Popover open={isDropdownOpen} onOpenChange={setIsDropdownOpen}>
                 <Tooltip>
                     <TooltipTrigger asChild>
@@ -139,7 +139,7 @@ const ZoomControls = observer(() => {
                     </button>
                 </PopoverContent>
             </Popover>
-        </button>
+        </div>
     );
 });
 export default ZoomControls;