diff --git a/web/default/src/pages/About/index.js b/web/default/src/pages/About/index.js
index 3f39e083..12ae9a7c 100644
--- a/web/default/src/pages/About/index.js
+++ b/web/default/src/pages/About/index.js
@@ -54,10 +54,16 @@ const About = () => {
               style={{ width: '100%', height: '100vh', border: 'none' }}
             />
           ) : (
-            <div
-              style={{ fontSize: 'larger' }}
-              dangerouslySetInnerHTML={{ __html: about }}
-            ></div>
+            <div className='dashboard-container'>
+              <Card fluid className='chart-card'>
+                <Card.Content>
+                  <div
+                    style={{ fontSize: 'larger' }}
+                    dangerouslySetInnerHTML={{ __html: about }}
+                  ></div>
+                </Card.Content>
+              </Card>
+            </div>
           )}
         </>
       )}
diff --git a/web/default/src/pages/Dashboard/Dashboard.css b/web/default/src/pages/Dashboard/Dashboard.css
index 6bb1a40c..6c595360 100644
--- a/web/default/src/pages/Dashboard/Dashboard.css
+++ b/web/default/src/pages/Dashboard/Dashboard.css
@@ -36,7 +36,7 @@
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
     border: none !important;
     border-radius: 16px !important;
-    padding-top: 8px!important;
+    padding: 8px!important;
 }
 
 .chart-container {