From 1a93a397e7ceab7bce6e8eb6a7158852c8bb063b Mon Sep 17 00:00:00 2001
From: Mayank <9084735+mayank99@users.noreply.github.com>
Date: Tue, 3 Sep 2024 08:59:04 -0400
Subject: [PATCH] fix fallback CSS version (#2216)

---
 .changeset/spotty-comics-carry.md                            | 5 +++++
 .../itwinui-react/src/core/ThemeProvider/ThemeProvider.tsx   | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/spotty-comics-carry.md

diff --git a/.changeset/spotty-comics-carry.md b/.changeset/spotty-comics-carry.md
new file mode 100644
index 00000000000..aec3c4e17b3
--- /dev/null
+++ b/.changeset/spotty-comics-carry.md
@@ -0,0 +1,5 @@
+---
+'@itwin/itwinui-react': patch
+---
+
+Fixed the fallback CSS logic in `ThemeProvider` to load the correct stylesheet version.
diff --git a/packages/itwinui-react/src/core/ThemeProvider/ThemeProvider.tsx b/packages/itwinui-react/src/core/ThemeProvider/ThemeProvider.tsx
index 3c16e9c6ecf..e844a87061c 100644
--- a/packages/itwinui-react/src/core/ThemeProvider/ThemeProvider.tsx
+++ b/packages/itwinui-react/src/core/ThemeProvider/ThemeProvider.tsx
@@ -428,7 +428,7 @@ const FallbackStyles = ({ root }: { root: HTMLElement }) => {
       } catch (error) {
         console.log('Error loading styles.css locally', error);
         const css = await importCss(
-          'https://cdn.jsdelivr.net/npm/@itwin/itwinui-react@3/styles.css',
+          `https://cdn.jsdelivr.net/npm/@itwin/itwinui-react@${meta.version}/styles.css`,
         );
         document.adoptedStyleSheets = [
           ...document.adoptedStyleSheets,