diff --git a/package.json b/package.json
index a54fdab..8485d31 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@e-krebs/react-library",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "A collection of components to be reused across personal projects",
   "repository": "github.com/e-krebs/react-library",
   "author": "Emmanuel Krebs <e-krebs@users.noreply.github.com>",
diff --git a/src/Modal/ModalComponent.tsx b/src/Modal/ModalComponent.tsx
index 8e5a28f..803ecdd 100644
--- a/src/Modal/ModalComponent.tsx
+++ b/src/Modal/ModalComponent.tsx
@@ -119,11 +119,17 @@ export const ModalComponent: ModalComponentProps = forwardRef<ModalRef, PropsWit
             contentClassName
           )}
         >
-          <header {...headerProps} className={cx('flex items-center space-x-1', headerClassName)}>
+          <header
+            {...headerProps}
+            className={cx('flex w-full items-center justify-between space-x-8', headerClassName)}
+          >
             <h1
               {...titleProps}
               id={titleId}
-              className={cx('m-0 grow truncate text-xl font-bold capitalize', titleClassName)}
+              className={cx(
+                'm-0 grow truncate text-xl font-bold capitalize leading-8 text-black dark:text-white',
+                titleClassName
+              )}
             >
               {title}
             </h1>