diff --git a/docs/getting-started/changelog.md b/docs/getting-started/changelog.md
index 00304210..9d220bbd 100644
--- a/docs/getting-started/changelog.md
+++ b/docs/getting-started/changelog.md
@@ -9,6 +9,7 @@ _During the beta period, these restrictions may be relaxed in the event of a mis
 ## Next
 
 - Added `vscode.html-custom-data.json` to the build to support IntelliSense
+- Added a style to prevent FOUC before components are defined
 - Moved chunk files into a separate folder
 - Updated esbuild to 0.8.54
 
diff --git a/src/styles/base.scss b/src/styles/base.scss
index d6fe2cb0..cb0727f9 100644
--- a/src/styles/base.scss
+++ b/src/styles/base.scss
@@ -303,3 +303,8 @@
 .sl-scroll-lock {
   overflow: hidden !important;
 }
+
+// Prevent FOUC before elements are defined
+:not(:defined) {
+  visibility: hidden;
+}