diff --git a/src/components/SiteHeader/NavBar/NavDropdown/MoreDropdown.svelte b/src/components/SiteHeader/NavBar/NavDropdown/MoreDropdown.svelte
index de0cb051..3bc46a18 100644
--- a/src/components/SiteHeader/NavBar/NavDropdown/MoreDropdown.svelte
+++ b/src/components/SiteHeader/NavBar/NavDropdown/MoreDropdown.svelte
@@ -6,7 +6,7 @@
 </script>
 
 <NavDropdown>
-  <div class="more-sections">
+  <div class="more-sections" data-chromatic="ignore">
     <div class="groupContainer">
       {#each sections as section}
         <section
diff --git a/src/components/SiteHeader/NavBar/NavDropdown/SectionDropdown.svelte b/src/components/SiteHeader/NavBar/NavDropdown/SectionDropdown.svelte
index 02afa1c8..37f9d568 100644
--- a/src/components/SiteHeader/NavBar/NavDropdown/SectionDropdown.svelte
+++ b/src/components/SiteHeader/NavBar/NavDropdown/SectionDropdown.svelte
@@ -18,7 +18,7 @@
       Browse {section.name}
     </span>
   </a>
-  <div class="sections">
+  <div class="sections" data-chromatic="ignore">
     {#if splitCount > 0}
       <ul class="sections-group">
         {#each section.children.slice(0, splitCount) as sub}
diff --git a/src/components/SiteHeader/NavBar/NavDropdown/StoryCard/index.svelte b/src/components/SiteHeader/NavBar/NavDropdown/StoryCard/index.svelte
index 0572b097..686c1dd6 100644
--- a/src/components/SiteHeader/NavBar/NavDropdown/StoryCard/index.svelte
+++ b/src/components/SiteHeader/NavBar/NavDropdown/StoryCard/index.svelte
@@ -7,7 +7,7 @@
   let thumbnail = $derived(story.thumbnail);
 </script>
 
-<div class="story-card">
+<div class="story-card" data-chromatic="ignore">
   <a href={normalizeUrl(story.canonical_url)}>
     <div class="story-text" class:has-thumbnail={thumbnail}>
       <span>{story.title}</span>