From 7feb004600fdbf8bf32b13695fd7f41229d43b52 Mon Sep 17 00:00:00 2001
From: Kasper Fabricius Kristensen
 <45367945+kasperkristensen@users.noreply.github.com>
Date: Wed, 22 Jan 2025 12:08:32 +0100
Subject: [PATCH] fix(ui): Fix position of Checkbox indicator (#11075)

**What**
- Fixes an issue that would cause the Checkbox indicator to get rendered outside of view in the checkbox was wrapped in a relative div.
---
 .changeset/beige-steaks-clean.md                             | 5 +++++
 .../design-system/ui/src/components/checkbox/checkbox.tsx    | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/beige-steaks-clean.md

diff --git a/.changeset/beige-steaks-clean.md b/.changeset/beige-steaks-clean.md
new file mode 100644
index 0000000000..8c69826f9f
--- /dev/null
+++ b/.changeset/beige-steaks-clean.md
@@ -0,0 +1,5 @@
+---
+"@medusajs/ui": patch
+---
+
+fix(ui): Fix position of Checkbox indicator
diff --git a/packages/design-system/ui/src/components/checkbox/checkbox.tsx b/packages/design-system/ui/src/components/checkbox/checkbox.tsx
index d795e4f8d9..d969e508de 100644
--- a/packages/design-system/ui/src/components/checkbox/checkbox.tsx
+++ b/packages/design-system/ui/src/components/checkbox/checkbox.tsx
@@ -36,7 +36,7 @@ const Checkbox = React.forwardRef<
           "group-data-[state=indeterminate]:bg-ui-bg-interactive group-data-[state=indeterminate]:shadow-borders-interactive-with-shadow"
         )}
       >
-        <Primitives.Indicator className="absolute inset-0 flex items-center justify-center">
+        <Primitives.Indicator>
           {checked === "indeterminate" ? <MinusMini /> : <CheckMini />}
         </Primitives.Indicator>
       </div>