diff --git a/apps/admin-x-settings/src/components/settings/growth/offers/AddOfferModal.tsx b/apps/admin-x-settings/src/components/settings/growth/offers/AddOfferModal.tsx
index 98241cb5e0..d56cd40a1b 100644
--- a/apps/admin-x-settings/src/components/settings/growth/offers/AddOfferModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/growth/offers/AddOfferModal.tsx
@@ -623,7 +623,7 @@ const AddOfferModal = () => {
             updateRoute('offers');
         }}
         backDropClick={false}
-        cancelLabel='Cancel'
+        cancelLabel='Close'
         deviceSelector={false}
         dirty={saveState === 'unsaved'}
         height='full'
diff --git a/apps/admin-x-settings/src/components/settings/growth/offers/EditOfferModal.tsx b/apps/admin-x-settings/src/components/settings/growth/offers/EditOfferModal.tsx
index 2b3d04c909..dbaa4aad34 100644
--- a/apps/admin-x-settings/src/components/settings/growth/offers/EditOfferModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/growth/offers/EditOfferModal.tsx
@@ -254,6 +254,7 @@ const EditOfferModal: React.FC<{id: string}> = ({id}) => {
             updateRoute('offers');
         }}
         backDropClick={false}
+        cancelLabel='Close'
         deviceSelector={false}
         dirty={saveState === 'unsaved'}
         height='full'
diff --git a/apps/admin-x-settings/src/components/settings/growth/offers/OffersIndex.tsx b/apps/admin-x-settings/src/components/settings/growth/offers/OffersIndex.tsx
index f2d03240a8..99b8b1a719 100644
--- a/apps/admin-x-settings/src/components/settings/growth/offers/OffersIndex.tsx
+++ b/apps/admin-x-settings/src/components/settings/growth/offers/OffersIndex.tsx
@@ -200,7 +200,7 @@ export const OffersIndexModal = () => {
     const buttons: ButtonProps[] = [
         {
             key: 'cancel-modal',
-            label: 'Cancel',
+            label: 'Close',
             onClick: () => {
                 modal.remove();
                 updateRoute('offers');
@@ -245,7 +245,7 @@ export const OffersIndexModal = () => {
                 </div>
                 <div className='mt-12 flex items-center justify-between border-b border-b-grey-300 pb-2.5 dark:border-b-grey-800'>
                     <h1 className='text-3xl'>{offersTabs.find(tab => tab.id === selectedTab)?.title} offers</h1>
-                    <div className='-mr-3'>
+                    <div>
                         <SortMenu
                             direction={sortDirection as 'asc' | 'desc'}
                             items={[