From 5c181750823bfafed110a722ce0f9827ab76bbb6 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Wed, 31 Jan 2024 12:44:21 +0700
Subject: [PATCH] text-align responsive fix

---
 .../layout/PageHeaderWithImage/PageHeaderWithImage.tsx          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/fakeyou.com/src/components/layout/PageHeaderWithImage/PageHeaderWithImage.tsx b/packages/fakeyou.com/src/components/layout/PageHeaderWithImage/PageHeaderWithImage.tsx
index ef1b9e4039..cc5b1509e2 100644
--- a/packages/fakeyou.com/src/components/layout/PageHeaderWithImage/PageHeaderWithImage.tsx
+++ b/packages/fakeyou.com/src/components/layout/PageHeaderWithImage/PageHeaderWithImage.tsx
@@ -21,7 +21,7 @@ function PageHeaderWithImage(props: Props) {
       <div className="row gx-3">
         <div className="col-12 col-md-7 py-3 py-lg-4">
           <div className="py-3">
-            <h1 className="fw-bold text-center text-md-start d-flex align-items-center">
+            <h1 className="fw-bold text-center text-md-start d-flex justify-content-center justify-content-md-start align-items-center">
               {props.titleIcon && (
                 <FontAwesomeIcon icon={props.titleIcon} className="me-3 fs-2" />
               )}