Merge pull request #42 from supabase-community/fix/centre-message

thorwebdev · web-flow · commit 6501fd9d22d8 · 2022-10-12T16:51:02.000+08:00
Fix/centre message
diff --git a/.changeset/silent-cheetahs-run.md b/.changeset/silent-cheetahs-run.md
@@ -0,0 +1,5 @@
+---
+'@supabase/auth-ui-react': patch
+---
+
+Updated message component to be centre aligned
diff --git a/packages/react/src/components/UI/Message.tsx b/packages/react/src/components/UI/Message.tsx
@@ -7,6 +7,7 @@ const messageDefaultStyles = css({
   fontSize: '$baseBodySize',
   marginBottom: '$labelBottomMargin',
   display: 'block',
+  textAlign: 'center',
   variants: {
     color: {
       default: {
