fix: button changes tabs onClick

Dev-Motion · Mar 28, 2023 · e04b8ad · e04b8ad
1 parent c5f1bb4
commit e04b8ad
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/inc/GalleryTabs.tsx b/src/components/inc/GalleryTabs.tsx
@@ -47,8 +47,13 @@ const GalleryTabs = () => {
           <Flex gap="1" css={{ pb: "$2" }}>
             {galleryTabs.map(({ value, name }) => {
               return (
-                <TabTrigger key={name} value={value} asChild>
-                  <GalleryBtn onClick={() => setActiveTab(value)}>
+                <TabTrigger
+                  key={name}
+                  value={value}
+                  onClick={() => setActiveTab(value)}
+                  asChild
+                >
+                  <GalleryBtn>
                     {name}
                     {value === activeTab && (
                       <GalleryBtnUnderline layoutId="gallery-btn-underline" />