diff --git a/.common/utils/helpers.js b/.common/utils/helpers.js
index 2014a42..c5bf6b4 100644
--- a/.common/utils/helpers.js
+++ b/.common/utils/helpers.js
@@ -353,6 +353,8 @@ function ConstructMessageFromParts(parts) {
                 return emoteImg + bitLabel;
             case "mention":
                 return part.text;
+            case "gif":
+                return `<img src="${EscapeHTML(part.url)}" class="gif">`;
             default:
                 return `<img src="${EscapeHTML(part.imageUrl)}" alt="${EscapeHTML(part.text)}" title="${EscapeHTML(part.text)}" class="emote">`;
         }
diff --git a/multichat-overlay/style.css b/multichat-overlay/style.css
index b391103..7b3ed0c 100644
--- a/multichat-overlay/style.css
+++ b/multichat-overlay/style.css
@@ -169,6 +169,11 @@ li {
 	transform: translate(0px, 0.4em);
 }
 
+.gif {
+	width: auto;
+	padding: 20px 0px;
+}
+
 .productImage {
 	height: 3em;
 	border-radius: 0.25em;