From 5d3c64752c160ee91b49172643948cff6365b8bb Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com> Date: Mon, 29 Apr 2024 18:59:05 +0530 Subject: [PATCH] fix: switch toggle ui (#4311) --- packages/ui/src/button/toggle-switch.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/ui/src/button/toggle-switch.tsx b/packages/ui/src/button/toggle-switch.tsx index 2cb0b0a93..6f76f2e7d 100644 --- a/packages/ui/src/button/toggle-switch.tsx +++ b/packages/ui/src/button/toggle-switch.tsx @@ -38,8 +38,10 @@ const ToggleSwitch: React.FC = (props) => { "inline-block self-center h-4 w-4 transform rounded-full shadow ring-0 transition duration-200 ease-in-out", { "translate-x-5 bg-white": value, - "h-2 w-2 translate-x-3": value && size === "sm", - "h-3 w-3 translate-x-4": value && size === "md", + "h-2 w-2": size === "sm", + "h-3 w-3": size === "md", + "translate-x-3": value && size === "sm", + "translate-x-4": value && size === "md", "translate-x-0.5 bg-custom-background-90": !value, "cursor-not-allowed": disabled, }