fix: scope media missing widget styles

packages/widgets/src/media-missing/component.module.css

@@ -4,8 +4,7 @@
   display: flex;
   text-decoration: none;
   color: inherit;
-  border: 1px solid
-    rgb(from var(--mantine-color-default-border) r g b / calc(var(--opacity, 1) * 0.45));
+  border: 1px solid rgb(from var(--mantine-color-default-border) r g b / calc(var(--opacity, 1) * 0.45));
   background-color: transparent;
   transition:
     border-color 120ms ease,
@@ -14,9 +13,7 @@
   &:hover,
   &:focus-visible {
     border-color: var(--mantine-primary-color-filled);
-    background-color: rgb(
-      from var(--mantine-color-default-hover) r g b / calc(var(--opacity, 1) * 0.14)
-    );
+    background-color: rgb(from var(--mantine-color-default-hover) r g b / calc(var(--opacity, 1) * 0.14));
   }
 
   &:focus-visible {
@@ -25,12 +22,12 @@
   }
 }
 
-:global(.mediaMissing-wrapper) :global(.mantine-SimpleGrid-root) > :global(.mantine-Paper-root) {
+.root :global(.mantine-SimpleGrid-root) > :global(.mantine-Paper-root) {
   border-color: rgb(from var(--mantine-color-default-border) r g b / calc(var(--opacity, 1) * 0.45));
   background-color: transparent;
 }
 
-:global(.mediaMissing-wrapper) :global(.mantine-Tabs-list) {
+.root :global(.mantine-Tabs-list) {
   --tab-border-color: rgb(from var(--mantine-color-default-border) r g b / calc(var(--opacity, 1) * 0.45));
   --tab-hover-color: rgb(from var(--mantine-color-default-hover) r g b / calc(var(--opacity, 1) * 0.14));
 }

packages/widgets/src/media-missing/component.tsx

@@ -165,7 +165,7 @@ export default function MediaMissingWidget({
   );
   if (isAdvanced) {
     return (
-      <Stack h="100%" gap={0}>
+      <Stack className={classes.root} h="100%" gap={0}>
         {partialFailures}
         <SimpleGrid cols={enabledPanelCount} spacing="sm" p="sm" style={{ flex: 1, minHeight: 0 }}>
           {showMissing && (
@@ -197,6 +197,7 @@ export default function MediaMissingWidget({
 
   return (
     <Tabs
+      className={classes.root}
       value={activeTab}
       keepMounted={false}
       onChange={(value) => {