From c48e8997c2dda884c8b6d6c21234a8a97d4b62b0 Mon Sep 17 00:00:00 2001
From: chdeskur <chdeskur@gmail.com>
Date: Thu, 9 Jan 2025 13:53:38 -0500
Subject: [PATCH 1/2] class name

---
 packages/fern-docs/ui/src/header/Announcement.scss | 5 +++++
 packages/fern-docs/ui/src/header/Announcement.tsx  | 5 ++---
 packages/fern-docs/ui/src/header/index.scss        | 1 +
 3 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 packages/fern-docs/ui/src/header/Announcement.scss

diff --git a/packages/fern-docs/ui/src/header/Announcement.scss b/packages/fern-docs/ui/src/header/Announcement.scss
new file mode 100644
index 0000000000..27e16b3b26
--- /dev/null
+++ b/packages/fern-docs/ui/src/header/Announcement.scss
@@ -0,0 +1,5 @@
+@layer components {
+  .fern-announcement {
+    @apply overflow-hidden;
+  }
+}
diff --git a/packages/fern-docs/ui/src/header/Announcement.tsx b/packages/fern-docs/ui/src/header/Announcement.tsx
index 8824c466d0..2ce773e8dd 100644
--- a/packages/fern-docs/ui/src/header/Announcement.tsx
+++ b/packages/fern-docs/ui/src/header/Announcement.tsx
@@ -32,14 +32,13 @@ const AnnouncementInternal = forwardRef<
     }
   });
 
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  useImperativeHandle(forwardedRef, () => ref.current!);
+  useImperativeHandle(forwardedRef, () => ref.current);
 
   return (
     <motion.div
       ref={ref}
       {...props}
-      className={clsx("overflow-hidden", className)}
+      className={clsx("fern-announcement", className)}
     >
       <motion.div
         className="bg-accent text-accent-contrast flex min-h-8 items-center"
diff --git a/packages/fern-docs/ui/src/header/index.scss b/packages/fern-docs/ui/src/header/index.scss
index b2fdbbac85..78ee61c4ba 100644
--- a/packages/fern-docs/ui/src/header/index.scss
+++ b/packages/fern-docs/ui/src/header/index.scss
@@ -1,4 +1,5 @@
 @import "./NProgress";
+@import "./Announcement";
 @import "./Header";
 @import "./HeaderLogoSection";
 @import "./HeaderLogoImage";

From a8c8916431917e19e9303665c4da78b8d4c8bc6b Mon Sep 17 00:00:00 2001
From: Catherine Deskur <46695336+chdeskur@users.noreply.github.com>
Date: Sat, 25 Jan 2025 17:29:08 -0500
Subject: [PATCH 2/2] Update Announcement.tsx

---
 packages/fern-docs/ui/src/header/Announcement.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/fern-docs/ui/src/header/Announcement.tsx b/packages/fern-docs/ui/src/header/Announcement.tsx
index 2ce773e8dd..a6c08f0270 100644
--- a/packages/fern-docs/ui/src/header/Announcement.tsx
+++ b/packages/fern-docs/ui/src/header/Announcement.tsx
@@ -32,7 +32,8 @@ const AnnouncementInternal = forwardRef<
     }
   });
 
-  useImperativeHandle(forwardedRef, () => ref.current);
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  useImperativeHandle(forwardedRef, () => ref.current!);
 
   return (
     <motion.div