From 86a98ea030de10a333c42a9fa37f028c79986206 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Wed, 26 Jun 2024 19:22:56 +0500
Subject: [PATCH] MM-58755 - Fixing inproduct notices spacing (#27442)

* MM-58755 - Fixing inproduct notices spacing

* Updating compass modal

* Updating test
---
 .../__snapshots__/product_notices.test.tsx.snap                | 3 +++
 .../components/product_notices_modal/product_notices_modal.tsx | 1 +
 2 files changed, 4 insertions(+)

diff --git a/webapp/channels/src/components/product_notices_modal/__snapshots__/product_notices.test.tsx.snap b/webapp/channels/src/components/product_notices_modal/__snapshots__/product_notices.test.tsx.snap
index 29c7496a29..6d3b198906 100644
--- a/webapp/channels/src/components/product_notices_modal/__snapshots__/product_notices.test.tsx.snap
+++ b/webapp/channels/src/components/product_notices_modal/__snapshots__/product_notices.test.tsx.snap
@@ -7,6 +7,7 @@ exports[`ProductNoticesModal Match snapshot for single notice 1`] = `
   bodyPadding={true}
   cancelButtonText={null}
   className="productNotices"
+  compassDesign={true}
   confirmButtonText={
     <span>
       Download
@@ -56,6 +57,7 @@ exports[`ProductNoticesModal Match snapshot for user notice 1`] = `
     </React.Fragment>
   }
   className="productNotices"
+  compassDesign={true}
   confirmButtonText={
     <Memo(MemoizedFormattedMessage)
       defaultMessage="Done"
@@ -125,6 +127,7 @@ exports[`ProductNoticesModal Should match snapshot for system admin notice 1`] =
   bodyPadding={true}
   cancelButtonText={null}
   className="productNotices"
+  compassDesign={true}
   confirmButtonText={
     <React.Fragment>
       <Memo(MemoizedFormattedMessage)
diff --git a/webapp/channels/src/components/product_notices_modal/product_notices_modal.tsx b/webapp/channels/src/components/product_notices_modal/product_notices_modal.tsx
index 7312f1ad92..53a1e0be97 100644
--- a/webapp/channels/src/components/product_notices_modal/product_notices_modal.tsx
+++ b/webapp/channels/src/components/product_notices_modal/product_notices_modal.tsx
@@ -255,6 +255,7 @@ export default class ProductNoticesModal extends React.PureComponent<Props, Stat
 
         return (
             <GenericModal
+                compassDesign={true}
                 onExited={this.onModalDismiss}
                 handleConfirm={this.handleNextButton}
                 handleEnterKeyPress={this.handleNextButton}