From 0f99243cbcdf0819c0e0ba4eaead44a8f24aa39c Mon Sep 17 00:00:00 2001
From: wadii <wadii.zaim@flagsmith.com>
Date: Wed, 15 Oct 2025 12:01:38 +0200
Subject: [PATCH] fix: replaced-flex-1-with-justify-between

---
 frontend/web/components/PageTitle.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/web/components/PageTitle.tsx b/frontend/web/components/PageTitle.tsx
index 2dd4c3661650..7f717975acd2 100644
--- a/frontend/web/components/PageTitle.tsx
+++ b/frontend/web/components/PageTitle.tsx
@@ -1,5 +1,4 @@
 import { FC, PropsWithChildren, ReactNode } from 'react'
-import classNames from 'classnames'
 
 type PageTitleType = PropsWithChildren<{
   title: ReactNode
@@ -10,8 +9,8 @@ type PageTitleType = PropsWithChildren<{
 const PageTitle: FC<PageTitleType> = ({ children, className, cta, title }) => {
   return (
     <div className={className || 'mb-4'}>
-      <div className='flex-row flex-column flex-lg-row gap-2 align-items-start align-items-lg-center'>
-        <Flex>
+      <div className='flex-row flex-lg-row gap-2 align-items-start align-items-lg-center justify-content-between'>
+        <div className='flex'>
           <h4 className={children ? 'mb-1' : 'mb-0'}>{title}</h4>
           {children && (
             <Row>
@@ -20,7 +19,7 @@ const PageTitle: FC<PageTitleType> = ({ children, className, cta, title }) => {
               </div>
             </Row>
           )}
-        </Flex>
+        </div>
         {!!cta && <div className='float-right ms-lg-2'>{cta}</div>}
       </div>
       <hr className='mb-0 mt-3' />