diff --git a/examples/Demo/Shared/Pages/Design/DesignThemePage.razor b/examples/Demo/Shared/Pages/Design/DesignThemePage.razor
index 50410279df..c2c201964c 100644
--- a/examples/Demo/Shared/Pages/Design/DesignThemePage.razor
+++ b/examples/Demo/Shared/Pages/Design/DesignThemePage.razor
@@ -24,6 +24,12 @@
     <CodeSnippet Language="xml">@(@"<FluentDesignTheme StorageName=""theme"" />")</CodeSnippet>
 </p>
 
+<blockquote>
+    <p>
+        <strong>Note:</strong> This component requires a render mode with interactivity in order to work consistently across all components. Click <a href="/#interactivity">here</a> for more details about render modes and interactivity.
+    </p>
+</blockquote>
+
 <p>
     3. (optional) To ensure that your application is displayed correctly, we recommend you add these lines of code to your <code>app.css</code> file.
     If you were using the <code>Reboot</code> style, as shown on the Setup page, these styles are already included.