diff --git a/packages/ui/src/components/Organisms/PageContent/BlockMedia.tsx b/packages/ui/src/components/Organisms/PageContent/BlockMedia.tsx
index a2d9ec34d..30ba37ae1 100644
--- a/packages/ui/src/components/Organisms/PageContent/BlockMedia.tsx
+++ b/packages/ui/src/components/Organisms/PageContent/BlockMedia.tsx
@@ -13,7 +13,7 @@ export function BlockMedia(props: BlockMediaFragment) {
       <figure className="mt-16 mx-auto max-w-3xl">
         <Media {...props.media} />
         {props.caption ? (
-          <figcaption className="mt-4 flex gap-x-2 text-sm leading-6 text-gray-500">
+          <figcaption className="mt-4 flex gap-x-2 text-sm leading-6 text-red-500">
             <Html markup={props.caption} />
           </figcaption>
         ) : null}
diff --git a/packages/ui/src/components/Organisms/PageContent/MyNewBlock.stories.ts b/packages/ui/src/components/Organisms/PageContent/MyNewBlock.stories.ts
new file mode 100644
index 000000000..fdcf5c286
--- /dev/null
+++ b/packages/ui/src/components/Organisms/PageContent/MyNewBlock.stories.ts
@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+import { MyNewBlock } from './MyNewBlock';
+
+export default {
+  component: MyNewBlock,
+} satisfies Meta;
+
+export const Test = {} satisfies StoryObj<typeof MyNewBlock>;
diff --git a/packages/ui/src/components/Organisms/PageContent/MyNewBlock.tsx b/packages/ui/src/components/Organisms/PageContent/MyNewBlock.tsx
new file mode 100644
index 000000000..a9291e5e8
--- /dev/null
+++ b/packages/ui/src/components/Organisms/PageContent/MyNewBlock.tsx
@@ -0,0 +1,5 @@
+import React from 'react';
+
+export function MyNewBlock() {
+  return <div className="border-red-200 border-4 p-4">Test</div>;
+}
