Bootstrap Icons are not displaying correctly in Storybook

Problem/Motivation

Bootstrap Icons are not displaying in Storybook, which affects the visual representation of components that rely on these icons. This makes it difficult to validate UI consistency and can lead to confusion or missed issues during development.

Steps to reproduce

Set up a Storybook instance within a project using Bootstrap Icons.

Create a component that includes one or more Bootstrap Icons (e.g., using ).

Run Storybook and view the component.

Notice that the icons are missing or not rendered correctly.

Proposed resolution

Remaining tasks

• ✅ File an issue about this project
• ❌ Addition/Change/Update/Fix to this project
• ❌ Testing to ensure no regression
• ➖ Automated unit/functional testing coverage
• ➖ Developer Documentation support on feature change/addition
• ➖ User Guide Documentation support on feature change/addition
• ➖ UX/UI designer responsibilities
• ➖ Accessibility and Readability
• ❌ Code review from 1 Varbase core team member
• ❌ Full testing and approval
• ❌ Credit contributors
• ❌ Review with the product owner
• ❌ Update Release Notes and Update Helper on new feature change/addition
• ❌ Release

Varbase update type

• ✅ No Update
• ➖ Optional Update
• ➖ Forced Update
• ➖ Forced Update if Unchanged

User interface changes

• N/A

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• N/A