From b40468f37cec2cde1db59aa3cc2e00355efec179 Mon Sep 17 00:00:00 2001
From: ajnart <thomas@ajnart.dev>
Date: Tue, 1 Sep 2026 02:38:17 +0200
Subject: [PATCH] fix: scope media missing widget styles

---
 .../widgets/src/media-missing/component.module.css    | 11 ++++-------
 packages/widgets/src/media-missing/component.tsx      |  3 ++-
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/packages/widgets/src/media-missing/component.module.css b/packages/widgets/src/media-missing/component.module.css
index 5b1175b00..e6770f904 100644
--- a/packages/widgets/src/media-missing/component.module.css
+++ b/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));
 }
diff --git a/packages/widgets/src/media-missing/component.tsx b/packages/widgets/src/media-missing/component.tsx
index fc4695218..90954192d 100644
--- a/packages/widgets/src/media-missing/component.tsx
+++ b/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) => {