diff --git a/components/Modal.tsx b/components/Modal.tsx
index dee76cee..2c53df1d 100644
--- a/components/Modal.tsx
+++ b/components/Modal.tsx
@@ -28,9 +28,12 @@ export const Modal = ({
         <Dialog.Overlay className="fixed z-50 inset-0 bg-primary data-[state=open]:animate-overlayShow opacity-60" />
         <Dialog.Content
           className={`
-          z-50 fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2
-          overflow-y-scroll no-scrollbar w-max max-w-[calc(100vw-32px)] h-fit max-h-[calc(100dvh-32px)] p-3 flex flex-col
-
+          z-50
+          fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2
+          overflow-y-scroll no-scrollbar
+          w-max max-w-[calc(100vw-32px)]
+          h-fit max-h-[calc(100dvh-32px)]
+          p-3 flex flex-col text-primary
           `}
         >
           <Dialog.Close className="bg-bg-page rounded-full -mb-3 mr-2  z-10 w-fit p-1 place-self-end border border-border-light text-tertiary">
@@ -44,7 +47,7 @@ export const Modal = ({
           >
             {title ? (
               <Dialog.Title asChild>
-                <h3 className="pb-1">{title}</h3>
+                <h3 className="pb-1 text-primary">{title}</h3>
               </Dialog.Title>
             ) : (
               <Dialog.Title />