From 84697cf1c58753da5ee4bba98ced04ca8881cde4 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Mon, 4 Mar 2024 23:28:41 +0700
Subject: [PATCH] header image flex wrap

---
 .../layout/PageHeaderWithImage/PageHeaderWithImage.tsx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/fakeyou.com/src/components/layout/PageHeaderWithImage/PageHeaderWithImage.tsx b/packages/fakeyou.com/src/components/layout/PageHeaderWithImage/PageHeaderWithImage.tsx
index ed5773a896..9a6fc304cf 100644
--- a/packages/fakeyou.com/src/components/layout/PageHeaderWithImage/PageHeaderWithImage.tsx
+++ b/packages/fakeyou.com/src/components/layout/PageHeaderWithImage/PageHeaderWithImage.tsx
@@ -22,9 +22,9 @@ 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 justify-content-center justify-content-md-start align-items-center">
+            <h1 className="fw-bold text-center text-md-start d-flex justify-content-center justify-content-md-start align-items-center flex-wrap gap-3">
               {props.titleIcon && (
-                <FontAwesomeIcon icon={props.titleIcon} className="me-3 fs-2" />
+                <FontAwesomeIcon icon={props.titleIcon} className="fs-2" />
               )}
               {props.title}
             </h1>