From 7e96f6b88f487fee83221296b41a170d8e8cf08b Mon Sep 17 00:00:00 2001
From: AssisrMatheus <assisr.matheus@gmail.com>
Date: Wed, 12 Apr 2023 14:47:59 -0400
Subject: [PATCH] fix: fixes z-index isolation on togglebutton

---
 CHANGELOG.md                          | 6 ++++++
 package.json                          | 4 ++--
 src/components/ToggleButton/index.tsx | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a8721fb..fe7cc97 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -25,6 +25,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+## [10.0.2] 2023-04-12
+
+### Fixed
+
+- Fix: Fixes z-index isolation on toggle button component
+
 ## [10.0.1] 2023-04-12
 
 ### Fixed
diff --git a/package.json b/package.json
index 9c16d70..9385bc1 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@perimetre/ui",
   "description": "A component library made by @perimetre",
-  "version": "10.0.1",
+  "version": "10.0.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/perimetre/ui.git"
@@ -161,4 +161,4 @@
   "resolutions": {
     "@storybook/react/webpack": "^5"
   }
-}
+}
\ No newline at end of file
diff --git a/src/components/ToggleButton/index.tsx b/src/components/ToggleButton/index.tsx
index 0eb00e7..9b1544f 100644
--- a/src/components/ToggleButton/index.tsx
+++ b/src/components/ToggleButton/index.tsx
@@ -34,7 +34,7 @@ export const ToggleButton: React.FC<ToggleButtonProps> = ({ offLabel, onLabel, .
     layout
     layoutRoot
     className={classnames(
-      'flex w-fit relative border rounded-full items-center justify-around overflow-hidden',
+      'flex w-fit relative border rounded-full items-center justify-around overflow-hidden isolate',
       { 'cursor-pointer': !props.disabled && !props.readOnly, 'select-none': !props.readOnly },
       !props.disabled ? 'border-black' : 'border-gray-300',
       props.className