diff --git a/.changeset/unlucky-hotels-roll.md b/.changeset/unlucky-hotels-roll.md
new file mode 100644
index 0000000000..0ba616c2c3
--- /dev/null
+++ b/.changeset/unlucky-hotels-roll.md
@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Deprecated `DismissbleBannerClassKey` and fixed the typo to make `DismissableBannerClassKey`
diff --git a/packages/core-components/api-report.md b/packages/core-components/api-report.md
index 62db9d93fd..cc884c9e8f 100644
--- a/packages/core-components/api-report.md
+++ b/packages/core-components/api-report.md
@@ -294,6 +294,9 @@ export type DismissableBannerClassKey =
   | 'info'
   | 'error';
 
+// @public @deprecated (undocumented)
+export type DismissbleBannerClassKey = DismissableBannerClassKey;
+
 // @public (undocumented)
 export function DocsIcon(props: IconComponentProps): JSX.Element;
 
diff --git a/packages/core-components/src/components/DismissableBanner/DismissableBanner.tsx b/packages/core-components/src/components/DismissableBanner/DismissableBanner.tsx
index f922689ef4..1213111c9d 100644
--- a/packages/core-components/src/components/DismissableBanner/DismissableBanner.tsx
+++ b/packages/core-components/src/components/DismissableBanner/DismissableBanner.tsx
@@ -35,6 +35,12 @@ export type DismissableBannerClassKey =
   | 'info'
   | 'error';
 
+/**
+ * @public
+ * @deprecated This type contained a typo, please use DismissableBannerClassKey instead
+ */
+export type DismissbleBannerClassKey = DismissableBannerClassKey;
+
 const useStyles = makeStyles(
   (theme: BackstageTheme) => ({
     root: {
diff --git a/packages/core-components/src/components/DismissableBanner/index.ts b/packages/core-components/src/components/DismissableBanner/index.ts
index b760c4d8ce..2c1660ec31 100644
--- a/packages/core-components/src/components/DismissableBanner/index.ts
+++ b/packages/core-components/src/components/DismissableBanner/index.ts
@@ -15,4 +15,7 @@
  */
 
 export { DismissableBanner } from './DismissableBanner';
-export type { DismissableBannerClassKey } from './DismissableBanner';
+export type {
+  DismissableBannerClassKey,
+  DismissbleBannerClassKey,
+} from './DismissableBanner';