diff --git a/libs/components/src/callout/callout.component.ts b/libs/components/src/callout/callout.component.ts
index 59156600b15..172bbdbc365 100644
--- a/libs/components/src/callout/callout.component.ts
+++ b/libs/components/src/callout/callout.component.ts
@@ -34,12 +34,12 @@ let nextId = 0;
 @Component({
   selector: "bit-callout",
   templateUrl: "callout.component.html",
-  imports: [A11yTitleDirective, SharedModule, TypographyModule],
+  imports: [SharedModule, TypographyModule],
 })
 export class CalloutComponent {
   readonly type = input<CalloutTypes>("info");
   readonly icon = input<string>();
-  readonly title = input<string>();
+  readonly title = input<string | null>();
   readonly truncate = input(false);
   readonly useAlertRole = input(false);
   readonly iconComputed = computed(() =>
diff --git a/libs/components/src/callout/callout.stories.ts b/libs/components/src/callout/callout.stories.ts
index 9ee3e8eafd0..263247acde8 100644
--- a/libs/components/src/callout/callout.stories.ts
+++ b/libs/components/src/callout/callout.stories.ts
@@ -173,20 +173,3 @@ export const TruncateOnlyContent: Story = {
     truncate: true,
   },
 };
-
-export const TruncateOnlyTitle: Story = {
-  render: (args) => ({
-    props: args,
-    template: `
-      <div style="width: 300px;">
-        <bit-callout ${formatArgsForCodeSnippet<CalloutComponent>(args)}>
-        </bit-callout>
-      </div>
-    `,
-  }),
-  args: {
-    title:
-      "This is a really long title that should truncate. Like really, really, really, ridiculously long title",
-    truncate: true,
-  },
-};