diff --git a/client/src/core/client/stream/common/Media/TenorMedia.css b/client/src/core/client/stream/common/Media/TenorMedia.css
index 0055406f73..642bfb2c58 100644
--- a/client/src/core/client/stream/common/Media/TenorMedia.css
+++ b/client/src/core/client/stream/common/Media/TenorMedia.css
@@ -1,3 +1,7 @@
 .tenorMedia {
-  maxWidth: 100px;
+
+}
+
+.tenorMediaImage {
+  max-width: 100%;
 }
diff --git a/client/src/core/client/stream/common/Media/TenorMedia.tsx b/client/src/core/client/stream/common/Media/TenorMedia.tsx
index c78ba12b9a..b47e482fdd 100644
--- a/client/src/core/client/stream/common/Media/TenorMedia.tsx
+++ b/client/src/core/client/stream/common/Media/TenorMedia.tsx
@@ -15,6 +15,7 @@ const TenorMedia: FunctionComponent<Props> = ({ url, title }) => {
         loading="lazy"
         referrerPolicy="no-referrer"
         alt={title || ""}
+        className={styles.tenorMediaImage}
       />
     </div>
   );