fix: wrapping catalog search results in paragon container to fit page…

… formatting (#313)
openedx · May 15, 2023 · 16eb871 · 16eb871
1 parent de642b2
commit 16eb871
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/PageWrapper.jsx b/src/components/PageWrapper.jsx
@@ -7,15 +7,16 @@ import { PAGE_TITLE } from '../constants';
 export const DATA_TEST_ID = 'enterprise-catalogs-content';
 
 // eslint-disable-next-line react/prop-types
-const PageWrapper = ({ children, className }) => (
-  <Container className={className}>
+const PageWrapper = ({ children, className, size }) => (
+  <Container className={className} size={size}>
     <Helmet title={PAGE_TITLE} />
     <div data-testid={DATA_TEST_ID}>{children}</div>
   </Container>
 );
 
 PageWrapper.defaultProps = {
   className: '',
+  size: undefined,
 };
 
 export default PageWrapper;
diff --git a/src/components/catalogs/CatalogSearch.jsx b/src/components/catalogs/CatalogSearch.jsx
@@ -220,7 +220,7 @@ const CatalogSearch = (intl) => {
   const defaultInstantSearchFilter = `${LEARNING_TYPE_REFINEMENT}:${CONTENT_TYPE_COURSE} OR ${LEARNING_TYPE_REFINEMENT}:${CONTENT_TYPE_PROGRAM} OR ${LEARNING_TYPE_REFINEMENT}:"${EXEC_ED_TITLE}"`;
 
   return (
-    <PageWrapper className="mt-3 mb-5">
+    <PageWrapper className="mt-3 mb-5" size="xl">
       <section>
         <FormattedMessage
           id="catalogs.enterpriseCatalogs.header"