diff --git a/packages/skins/src/default/css/components/root.css b/packages/skins/src/default/css/components/root.css
index 80359972..bc4166cd 100644
--- a/packages/skins/src/default/css/components/root.css
+++ b/packages/skins/src/default/css/components/root.css
@@ -11,7 +11,6 @@
   width: 100%;
   height: 100%;
   container: media-root / inline-size;
-  overflow: clip;
   font-family:
     Inter Variable,
     Inter,
diff --git a/packages/skins/src/default/css/video.css b/packages/skins/src/default/css/video.css
index c506eaa9..49121569 100644
--- a/packages/skins/src/default/css/video.css
+++ b/packages/skins/src/default/css/video.css
@@ -55,6 +55,7 @@
   --media-tooltip-boundary-offset: 0.5rem;
   --media-popover-side-offset: 0.5rem;
   --media-popover-boundary-offset: 0.5rem;
+  overflow: clip;
   background: oklch(0 0 0);
 
   @media (prefers-reduced-motion: reduce) {
diff --git a/packages/skins/src/default/tailwind/components/root.ts b/packages/skins/src/default/tailwind/components/root.ts
index 1bf1ada8..d673b2d2 100644
--- a/packages/skins/src/default/tailwind/components/root.ts
+++ b/packages/skins/src/default/tailwind/components/root.ts
@@ -6,7 +6,6 @@ export const root = cn(
   // Layout & containment
   'block relative isolate h-full w-full @container/media-root',
   // Appearance
-  'overflow-clip',
   'rounded-(--media-border-radius,2rem)',
   'font-[Inter_Variable,Inter,ui-sans-serif,system-ui,sans-serif] text-[0.8125rem] leading-normal subpixel-antialiased',
   // Focus ring
diff --git a/packages/skins/src/default/tailwind/video.tailwind.ts b/packages/skins/src/default/tailwind/video.tailwind.ts
index ad582b56..ac4296b6 100644
--- a/packages/skins/src/default/tailwind/video.tailwind.ts
+++ b/packages/skins/src/default/tailwind/video.tailwind.ts
@@ -18,7 +18,7 @@ import { time as baseTime } from './components/time';
 export const root = (isShadowDOM: boolean) =>
   cn(
     baseRoot,
-    'bg-black',
+    'bg-black overflow-clip',
     // Inner border ring
     'after:absolute after:pointer-events-none after:rounded-[inherit] after:z-10',
     'after:inset-0 after:ring-1 after:ring-inset after:ring-black/10 dark:after:ring-white/15',
diff --git a/packages/skins/src/minimal/css/components/root.css b/packages/skins/src/minimal/css/components/root.css
index 1019cf28..63a07044 100644
--- a/packages/skins/src/minimal/css/components/root.css
+++ b/packages/skins/src/minimal/css/components/root.css
@@ -11,7 +11,6 @@
   width: 100%;
   height: 100%;
   container: media-root / inline-size;
-  overflow: clip;
   font-family:
     Inter Variable,
     Inter,
diff --git a/packages/skins/src/minimal/tailwind/components/root.ts b/packages/skins/src/minimal/tailwind/components/root.ts
index 143b7788..3202f9c6 100644
--- a/packages/skins/src/minimal/tailwind/components/root.ts
+++ b/packages/skins/src/minimal/tailwind/components/root.ts
@@ -6,7 +6,6 @@ export const root = cn(
   // Layout & containment
   'block relative isolate h-full w-full @container/media-root',
   // Appearance
-  'overflow-clip',
   'rounded-(--media-border-radius,0.75rem)',
   'font-[Inter_Variable,Inter,ui-sans-serif,system-ui,sans-serif] text-[0.8125rem] leading-normal subpixel-antialiased',
   // Focus ring