diff --git a/packages/ui/src/components/sheet.test.tsx b/packages/ui/src/components/sheet.test.tsx
index f41217471..e6e71443e 100644
--- a/packages/ui/src/components/sheet.test.tsx
+++ b/packages/ui/src/components/sheet.test.tsx
@@ -30,7 +30,7 @@ describe("Sheet", () => {
visible
,
);
- const content = screen.getByText("visible");
+ const content = screen.getByText("visible").closest('[data-slot="sheet-content"]');
expect(content).toHaveAttribute("data-side", "right");
});
@@ -41,7 +41,10 @@ describe("Sheet", () => {
visible {side}
,
);
- expect(screen.getByText(`visible ${side}`)).toHaveAttribute("data-side", side);
+ expect(screen.getByText(`visible ${side}`).closest('[data-slot="sheet-content"]')).toHaveAttribute(
+ "data-side",
+ side,
+ );
});
it("renders close button by default", () => {
diff --git a/packages/ui/src/components/sheet.tsx b/packages/ui/src/components/sheet.tsx
index c4e11dab6..7a61c997f 100644
--- a/packages/ui/src/components/sheet.tsx
+++ b/packages/ui/src/components/sheet.tsx
@@ -74,7 +74,8 @@ function SheetContent({
{side === "bottom" && (
)}
- {children}
+ {/* Content is where a mouse press clicks rather than starts a swipe; `contents` keeps it out of the layout. */}
+ {children}
{showCloseButton && (