diff --git a/site/components/common/Room/ResourceCardContent/ImageCardContent.tsx b/site/components/common/Room/ResourceCardContent/ImageCardContent.tsx
index 0d9ca7267..eae3c5315 100644
--- a/site/components/common/Room/ResourceCardContent/ImageCardContent.tsx
+++ b/site/components/common/Room/ResourceCardContent/ImageCardContent.tsx
@@ -9,6 +9,26 @@ export default function ImageCardContent(props: {
 
     return (
         <>
+          <style jsx>{`
+            *|*:fullscreen:not(:root) {
+              position: fixed !important;
+              top: 0 !important;
+              left: 0 !important;
+              right: 0 !important;
+              bottom: 0 !important;
+              width: 100% !important;
+              height: 100% !important;
+              margin: 0 !important;
+              min-width: 0 !important;
+              max-width: none !important;
+              min-height: 0 !important;
+              max-height: none !important;
+              box-sizing: border-box !important;
+              object-fit: contain;
+              transform: none !important;
+            }
+            `}
+          </style>
             <Box
               className={props.style.imageContainer}
               w={'full'}