diff --git a/components/CharacterModal/index.tsx b/components/CharacterModal/index.tsx
index 3f071812..fc31a5f6 100644
--- a/components/CharacterModal/index.tsx
+++ b/components/CharacterModal/index.tsx
@@ -78,6 +78,11 @@ const CharacterModal = ({
   const [open, setOpen] = useState(false)
   const [formValid, setFormValid] = useState(false)
 
+  // Classes
+  const headerClasses = classNames({
+    DialogHeader: true,
+    Scrolled: scrolled,
+  })
   useEffect(() => {
     setOpen(modalOpen)
   }, [modalOpen])