diff --git a/beszel/site/src/components/charts/bandwidth-chart.tsx b/beszel/site/src/components/charts/bandwidth-chart.tsx
index 2eca2f2..51c0754 100644
--- a/beszel/site/src/components/charts/bandwidth-chart.tsx
+++ b/beszel/site/src/components/charts/bandwidth-chart.tsx
@@ -83,7 +83,7 @@ export default function BandwidthChart({
 						name="Sent"
 						type="monotoneX"
 						fill="hsl(var(--chart-5))"
-						fillOpacity={0.4}
+						fillOpacity={0.2}
 						stroke="hsl(var(--chart-5))"
 						// animationDuration={1200}
 						isAnimationActive={false}
@@ -93,7 +93,7 @@ export default function BandwidthChart({
 						name="Received"
 						type="monotoneX"
 						fill="hsl(var(--chart-2))"
-						fillOpacity={0.4}
+						fillOpacity={0.2}
 						stroke="hsl(var(--chart-2))"
 						// animationDuration={1200}
 						isAnimationActive={false}
diff --git a/beszel/site/src/components/charts/disk-io-chart.tsx b/beszel/site/src/components/charts/disk-io-chart.tsx
index fba4bfc..a270247 100644
--- a/beszel/site/src/components/charts/disk-io-chart.tsx
+++ b/beszel/site/src/components/charts/disk-io-chart.tsx
@@ -87,7 +87,7 @@ export default function DiskIoChart({
 						name="Write"
 						type="monotoneX"
 						fill="hsl(var(--chart-3))"
-						fillOpacity={0.4}
+						fillOpacity={0.3}
 						stroke="hsl(var(--chart-3))"
 						// animationDuration={1200}
 						isAnimationActive={false}
@@ -97,7 +97,7 @@ export default function DiskIoChart({
 						name="Read"
 						type="monotoneX"
 						fill="hsl(var(--chart-1))"
-						fillOpacity={0.4}
+						fillOpacity={0.3}
 						stroke="hsl(var(--chart-1))"
 						// animationDuration={1200}
 						isAnimationActive={false}