From 4a3d465fb1760ef2101c29de76892ae420a35373 Mon Sep 17 00:00:00 2001
From: Sanjeev Lakhwani <sanjeev.lakhwani@gmail.com>
Date: Tue, 20 Dec 2022 15:57:12 -0500
Subject: [PATCH] fixed maxWidth issue on fp

---
 package-lock.json                            |  4 ++--
 package.json                                 |  2 +-
 src/js/components/Overview/PublicOverview.js | 12 +++++++-----
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index e2e56a22..21a51e5d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "bento_public",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "bento_public",
-      "version": "0.8.1",
+      "version": "0.8.2",
       "license": "LGPL-3.0-only",
       "dependencies": {
         "@ant-design/icons": "^4.7.0",
diff --git a/package.json b/package.json
index ec414511..700060f8 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bento_public",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "description": "A publicly accessible portal for clinical datasets, where users are able to see high-level statistics of the data available through predefined variables of interest and search the data using limited variables at a time. This portal allows users to gain a generic understanding of the data available (secure and firewalled) without the need to access it directly. Initially, this portal facilitates the search in English language only, but the French language will be added at a later time.",
   "main": "index.js",
   "scripts": {
diff --git a/src/js/components/Overview/PublicOverview.js b/src/js/components/Overview/PublicOverview.js
index 347c1832..3e8b7583 100644
--- a/src/js/components/Overview/PublicOverview.js
+++ b/src/js/components/Overview/PublicOverview.js
@@ -16,17 +16,19 @@ const PublicOverview = () => {
 
   const [drawerVisible, setDrawerVisible] = useState(false);
 
-  const { isFetchingAbout, aboutHTML } = useSelector(state => state.content)
+  const { isFetchingAbout, aboutHTML } = useSelector((state) => state.content);
 
   return (
     <>
       <div className="container">
         <Row justify="center">
           <Col>
-            <Card style={{ borderRadius: '11px' }}>
-              {isFetchingAbout
-                ? <Skeleton title={false} paragraph={{rows: 2}} />
-                : <div dangerouslySetInnerHTML={{ __html: aboutHTML }} />}
+            <Card style={{ borderRadius: '11px', maxWidth: '1323px' }}>
+              {isFetchingAbout ? (
+                <Skeleton title={false} paragraph={{ rows: 2 }} />
+              ) : (
+                <div dangerouslySetInnerHTML={{ __html: aboutHTML }} />
+              )}
             </Card>
             {sections.map(({ sectionTitle, charts }, i) => (
               <div key={i} className="overview">