diff --git a/src/components/Charts/LineChart.tsx b/src/components/Charts/LineChart.tsx
index 17fd0be82..a428069f2 100644
--- a/src/components/Charts/LineChart.tsx
+++ b/src/components/Charts/LineChart.tsx
@@ -61,6 +61,7 @@ function LineChart({ label, data, unit, colors }: Props) {
 
   const options = {
     responsive: true,
+    aspectRatio: 2.5,
     plugins: {
       legend: {
         display: false,
diff --git a/src/components/Home/CommunityEngagement.css b/src/components/Home/CommunityEngagement.css
index ef45b9fae..979d1c243 100644
--- a/src/components/Home/CommunityEngagement.css
+++ b/src/components/Home/CommunityEngagement.css
@@ -54,6 +54,7 @@
     flex-direction: row;
     justify-content: space-between;
     column-gap: 26px;
+    max-height: 430px;
   }
 
   .CommunityEngagement__Data .ui.card.HomeCharts {
diff --git a/src/components/Layout/Navigation.css b/src/components/Layout/Navigation.css
index 367075f8f..3d0231509 100644
--- a/src/components/Layout/Navigation.css
+++ b/src/components/Layout/Navigation.css
@@ -23,6 +23,12 @@
     color: var(--text);
   }
 
+  .Navigation .dcl.tabs .ui.container {
+    width: 100%;
+    max-width: 1410px !important;
+    padding: 0px 1rem !important;
+  }
+
   .dcl.tabs .ui.container {
     display: flex;
   }