MM-58755 - Fixing inproduct notices spacing (#27442)

* MM-58755 - Fixing inproduct notices spacing

* Updating compass modal

* Updating test

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)

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}