diff --git a/bard/Cargo.toml b/bard/Cargo.toml
index ef3710b..0d34507 100644
--- a/bard/Cargo.toml
+++ b/bard/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "bard"
-version = "0.3.20"
+version = "0.3.21"
 edition = "2024"
 description = "Dioxus components that will display a Tavern blogging system Blog."
 repository = "/CyberMages/tavern"
diff --git a/bard/src/page.rs b/bard/src/page.rs
index d32497c..f00a5d0 100644
--- a/bard/src/page.rs
+++ b/bard/src/page.rs
@@ -15,13 +15,13 @@ fn BlogLayout() -> Element
    // Retrieve the provided settings from context.
    let settings = use_context::<BardSettings>();
 
-   // Setup the system to use Highlight.js for code blocks.
-   // This is required for the Bard library.
-   document::Stylesheet { href: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/vs2015.css" }
-   document::Script { src: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js" }
-
    rsx!
    {
+      // Setup the system to use Highlight.js for code blocks.
+      // This is required for the Bard library.
+      document::Stylesheet { href: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/vs2015.css" }
+      document::Script { src: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js" }
+
       match settings.stylesheet
       {
          StylesheetBehavior::Override(asset) =>