diff --git a/pkg/interface/src/views/apps/chat/ChatResource.tsx b/pkg/interface/src/views/apps/chat/ChatResource.tsx
index 616d9607e..5e8a35e95 100644
--- a/pkg/interface/src/views/apps/chat/ChatResource.tsx
+++ b/pkg/interface/src/views/apps/chat/ChatResource.tsx
@@ -16,6 +16,8 @@ import { Loading } from '~/views/components/Loading';
 import useS3 from '~/logic/lib/useS3';
 import { isWriter, resourceFromPath } from '~/logic/lib/group';
 
+import './css/custom.css';
+
 type ChatResourceProps = StoreState & {
   association: Association;
   api: GlobalApi;
diff --git a/pkg/interface/src/views/apps/chat/css/custom.css b/pkg/interface/src/views/apps/chat/css/custom.css
index 702106082..85cb51c97 100644
--- a/pkg/interface/src/views/apps/chat/css/custom.css
+++ b/pkg/interface/src/views/apps/chat/css/custom.css
@@ -95,8 +95,16 @@ h2 {
   font-family: "Inter", sans-serif;
 }
 
+.embed-container {
+  width: 100%;
+  height: 14rem;
+}
+
 .embed-container iframe {
-  max-width: 100%;
+  max-width: 24rem;
+  width: 100%;
+  height: 100%;
+  max-height: 26rem;
 }
 
 .mh-16 {
diff --git a/pkg/interface/src/views/components/RemoteContent.tsx b/pkg/interface/src/views/components/RemoteContent.tsx
index c773a5691..c6f16c658 100644
--- a/pkg/interface/src/views/components/RemoteContent.tsx
+++ b/pkg/interface/src/views/components/RemoteContent.tsx
@@ -188,7 +188,7 @@ class RemoteContent extends PureComponent<RemoteContentProps, RemoteContentState
           >
             {this.state.embed && this.state.embed.html && this.state.unfold
             ? <EmbedContainer markup={this.state.embed.html}>
-              <div ref={el => { this.containerRef = el; }}
+              <div className="embed-container" ref={el => { this.containerRef = el; }}
                 dangerouslySetInnerHTML={{__html: this.state.embed.html}}></div>
             </EmbedContainer>
             : null}
@@ -197,7 +197,7 @@ class RemoteContent extends PureComponent<RemoteContentProps, RemoteContentState
       );
     } else {
       return renderUrl
-        ? this.wrapInLink(<Text {...textProps}>{text || url}</Text>) 
+        ? this.wrapInLink(<Text {...textProps}>{text || url}</Text>)
         : null;
     }
   }