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">