diff --git a/packages/core/src/components/DismissableBanner/DismissableBanner.tsx b/packages/core/src/components/DismissableBanner/DismissableBanner.tsx
index 537ad285ea..b33a1c4704 100644
--- a/packages/core/src/components/DismissableBanner/DismissableBanner.tsx
+++ b/packages/core/src/components/DismissableBanner/DismissableBanner.tsx
@@ -50,9 +50,9 @@ const useStyles = makeStyles((theme: BackstageTheme) => ({
   message: {
     display: 'flex',
     alignItems: 'center',
-    color: theme.palette.banner.textColor,
+    color: theme.palette.banner.text,
     '& a': {
-      color: theme.palette.banner.linkColor,
+      color: theme.palette.banner.link,
     },
   },
   info: {
@@ -70,12 +70,12 @@ type Props = {
   fixed?: boolean;
 };
 
-export const DismissableBanner: FC<Props> = ({
+export const DismissableBanner = ({
   variant,
   message,
   id,
   fixed = false,
-}) => {
+}: Props) => {
   const classes = useStyles();
   const storageApi = useApi(storageApiRef);
   const notificationsStore = storageApi.forBucket('notifications');
@@ -109,11 +109,7 @@ export const DismissableBanner: FC<Props> = ({
           : { vertical: 'top', horizontal: 'center' }
       }
       open={!dismissedBanners.has(id)}
-      classes={
-        fixed
-          ? { root: classes.root }
-          : { root: classNames(classes.topPosition, classes.root) }
-      }
+      classes={{ root: classNames(classes.root, fixed && classes.topPosition) }}
     >
       <SnackbarContent
         classes={{
diff --git a/packages/theme/src/types.ts b/packages/theme/src/types.ts
index a9a81d314d..1d244f8cd4 100644
--- a/packages/theme/src/types.ts
+++ b/packages/theme/src/types.ts
@@ -64,8 +64,8 @@ type PaletteAdditions = {
   banner: {
     info: string;
     error: string;
-    textColor: string;
-    linkColor: string;
+    text: string;
+    link: string;
   };
 };