diff --git a/cornucopia.owasp.org/src/lib/components/cardBrowser.svelte b/cornucopia.owasp.org/src/lib/components/cardBrowser.svelte
index e8775dbef..950413f97 100644
--- a/cornucopia.owasp.org/src/lib/components/cardBrowser.svelte
+++ b/cornucopia.owasp.org/src/lib/components/cardBrowser.svelte
@@ -46,7 +46,7 @@
     if (browser) document.onkeydown = checkKey;
 </script>
 <noscript>
-    <div class="card-panel" id="card-face">
+    <div class="card-panel">
         <div class="left">
             <a href={cards.get(card.prevous)?.url + '/#card-face'} data-sveltekit-reload class="arrow" title="{$t('cards.cardBrowser.a1.title')}: {card.prevous}">&lt;</a>
         </div>
@@ -58,7 +58,7 @@
         </div>
     </div>
 </noscript>
-<div class="card-panel script" id="card">
+<div class="card-panel script">
     <div class="left">
         <a href={getUrl(cards.get(card.prevous))} onclick={(e)=>goToPrevious(e, card)} class="arrow" title="{$t('cards.cardBrowser.a1.title')}: {card.prevous}">&lt;</a>
     </div>
@@ -108,7 +108,7 @@
         justify-content: center;
     }
 
-    @media (max-width: 1024px) 
+    @media (max-width: 1024px)
     {
         .center
         {
diff --git a/cornucopia.owasp.org/src/routes/+layout.svelte b/cornucopia.owasp.org/src/routes/+layout.svelte
index 138d43ff7..b56648f88 100644
--- a/cornucopia.owasp.org/src/routes/+layout.svelte
+++ b/cornucopia.owasp.org/src/routes/+layout.svelte
@@ -6,18 +6,18 @@
     import Footer from "$lib/components/footer.svelte";
     import Metadata from "$lib/components/metadata.svelte";
     import Navbar from "$lib/components/navigation/navbar.svelte";
-    import {updateTranslation, updateLang} from "$lib/stores/stores";    
+    import {updateTranslation, updateLang} from "$lib/stores/stores";
     interface Props {
         data: Record<string, unknown>;
         children?: import('svelte').Snippet;
     }
 
     let { data, children }: Props = $props();
-    
+
     // Initialize stores - these run on both server and client
     updateTranslation(data.translation, data.fallbackTranslation);
     updateLang(data.lang);
-    
+
     let content = $derived(data.content.get(data.lang) || data.content.get('en'));
 
     function getFullWidthPages(path : string)
@@ -64,6 +64,8 @@
 <div class="page">
     <Navbar></Navbar>
     <div class="slot-container" class:wide={getFullWidthPages($page.url.pathname)}>
+        <div id="card"></div>
+        <div id="card-face"></div>
         <Breadcrumbs></Breadcrumbs>
         {@render children?.()}
     </div>