diff --git a/src/components/post/post.tsx b/src/components/post/post.tsx
index ec5ce85d..f4905b03 100644
--- a/src/components/post/post.tsx
+++ b/src/components/post/post.tsx
@@ -77,7 +77,7 @@ const PostDesktop = ({ openReplyModal, post, roles, showAllReplies }: PostProps)
             <a href={url} target='_blank' rel='noopener noreferrer'>
               {url.length > 30 ? url.slice(0, 30) + '...' : url}
             </a>{' '}
-            ({type && getDisplayMediaInfoType(type, t)})
+            ({type && _.lowerCase(getDisplayMediaInfoType(type, t))})
             {!showThumbnail && (type === 'iframe' || type === 'video' || type === 'audio') && (
               <span>
                 {' '}
@@ -286,7 +286,7 @@ const ReplyDesktop = ({ reply, roles, openReplyModal }: PostProps) => {
               <a href={link} target='_blank' rel='noopener noreferrer'>
                 {link.length > 30 ? link?.slice(0, 30) + '...' : link}
               </a>{' '}
-              ({type && getDisplayMediaInfoType(type, t)})
+              ({type && _.lowerCase(getDisplayMediaInfoType(type, t))})
               {!showThumbnail && (type === 'iframe' || type === 'video' || type === 'audio') && (
                 <span>
                   {' '}
diff --git a/src/lib/utils/media-utils.ts b/src/lib/utils/media-utils.ts
index 2fd0a2f0..073ce65e 100644
--- a/src/lib/utils/media-utils.ts
+++ b/src/lib/utils/media-utils.ts
@@ -15,6 +15,8 @@ export const getDisplayMediaInfoType = (type: string, t: any) => {
   switch (type) {
     case 'image':
       return t('image');
+    case 'gif':
+      return t('gif');
     case 'iframe':
       return t('iframe');
     case 'video':