🐛 Bug Report: EntityTechInsightsScorecardCard broken style

[LegendSebastianoL]

📜 Description

After updating Backstage from 1.29 to 1.31 I have this style in the EntityTechInsightsScorecardCard component

The p and the icon should live on the same line, the text should not go under the icon.

👍 Expected behavior

The wrapper for the p and the icon should be flex and display the text and the icon properly, like before the update.

This is a screenshot of version 1.29

👎 Actual Behavior with Screenshots

as you can see in the 1st screenshot, the text goes under the icon.

👟 Reproduction steps

downgrade backstage from 1.31 to 1.29 and you will see the differences

📃 Provide the context for the Bug.

No response

🖥️ Your Environment

No response

👀 Have you spent some time to check if this bug has been raised before?

• [X] I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• [X] I have read the Code of Conduct

Are you willing to submit PR?

None

[vinzscam]

@LegendSebastianoL are you using a custom theme? If yes, could you check whether you are experiencing the same issue when using the default theme?

[LegendSebastianoL]

@vinzscam 👋 yes, I'm using a custom theme.

import { UnifiedThemeProvider, themes } from '@backstage/theme';

const app = createApp({
  apis,
  themes: [
    {
      id: 'customTheme',
      title: 'Custom Theme',
      variant: 'dark',
      Provider: ({ children }) => (
        <UnifiedThemeProvider theme={themes.dark} children={children} />
      ),
    },
  ],

I just tried to use the default themes.dark and I got the same result.