diff --git a/.storybook/stories/paragraphs/MediaWithCaption.stories.tsx b/.storybook/stories/paragraphs/MediaWithCaption.stories.tsx
index 29003573..bde24f70 100644
--- a/.storybook/stories/paragraphs/MediaWithCaption.stories.tsx
+++ b/.storybook/stories/paragraphs/MediaWithCaption.stories.tsx
@@ -26,6 +26,7 @@ export const Caption: Story = {
   args: {
     paragraph: {
       id:"6fa23537-dda7-4861-930a-648445d9904c",
+      __typename: 'ParagraphStanfordMediaCaption',
       composition: {},
       langcode: {},
       created: {
diff --git a/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx b/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx
index c8fe9264..ac1a3c06 100644
--- a/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx
+++ b/src/components/paragraphs/stanford-media-caption/media-caption-paragraph.tsx
@@ -30,14 +30,14 @@ const MediaCaptionParagraph = ({paragraph, ...props}: Props) => {
         }
         {videoUrl && <Oembed url={videoUrl}/>}
 
-        <figcaption className="text-right">
+        <figcaption className="text-right text-16 text-cool-grey color">
           {paragraph.suMediaCaptionLink?.url &&
-            <Link href={paragraph.suMediaCaptionLink.url} className="">
+            <Link href={paragraph.suMediaCaptionLink.url} className="text-19">
               {paragraph.suMediaCaptionLink.title}
             </Link>
           }
 
-          {paragraph.suMediaCaptionCaption &&
+          {paragraph.suMediaCaptionCaption?.processed &&
             <Wysiwyg html={paragraph.suMediaCaptionCaption.processed}/>
           }
         </figcaption>