diff --git a/src/index.css b/src/index.css
index bf07ae5..18104bb 100644
--- a/src/index.css
+++ b/src/index.css
@@ -39,6 +39,25 @@ body {
   background: transparent;
 }
 
+/* The fullscreen element doesn't inherit <html>'s background; separate rules so an unknown selector doesn't drop the other */
+.eb-present-root:fullscreen {
+  background-color: var(--theme-bg-color, #000);
+  background-image: var(--theme-bg-image, none);
+  background-size: var(--theme-bg-size, cover);
+  background-repeat: var(--theme-bg-repeat, no-repeat);
+  background-position: var(--theme-bg-position, center center);
+  overflow-y: auto;
+}
+
+.eb-present-root:-webkit-full-screen {
+  background-color: var(--theme-bg-color, #000);
+  background-image: var(--theme-bg-image, none);
+  background-size: var(--theme-bg-size, cover);
+  background-repeat: var(--theme-bg-repeat, no-repeat);
+  background-position: var(--theme-bg-position, center center);
+  overflow-y: auto;
+}
+
 .eb-gradient-banner {
   background: linear-gradient(
     34.8deg,
diff --git a/src/pages/PhotoWallPresentPage.tsx b/src/pages/PhotoWallPresentPage.tsx
index 0c4b630..92534e8 100644
--- a/src/pages/PhotoWallPresentPage.tsx
+++ b/src/pages/PhotoWallPresentPage.tsx
@@ -520,7 +520,7 @@ export function PhotoWallPresentPage({ spotlightMode = false }: { spotlightMode?
       : singleActivityTitle(selectedSources, (data as SpotlightPresentData).activityTitles, selectedQuiz?.name);
 
   return (
-    <div ref={rootRef} className="eb-gradient-auth relative min-h-dvh overflow-x-hidden text-white">
+    <div ref={rootRef} className="eb-gradient-auth eb-present-root relative min-h-dvh overflow-x-hidden text-white">
       <PhotoWallPresentChrome
         event={data.event}
         eventHeader={data.eventHeader}