From 3ff53ab97530b05e162e4ef253e8227ddb5c2d7a Mon Sep 17 00:00:00 2001
From: Tunglies <77394545+Tunglies@users.noreply.github.com>
Date: Thu, 16 Apr 2026 10:35:10 +0800
Subject: [PATCH] fix(ui): restore memory usage centering in sidebar after MUI
 v9 migration

The MUI v9 migration moved boxStyle layout props into sx, but the memory
usage Box had a separate sx that overwrote it. Merge boxStyle.sx like the
upload/download rows already do.
---
 src/components/layout/layout-traffic.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/layout/layout-traffic.tsx b/src/components/layout/layout-traffic.tsx
index 44299b5b7..e82319b07 100644
--- a/src/components/layout/layout-traffic.tsx
+++ b/src/components/layout/layout-traffic.tsx
@@ -131,6 +131,7 @@ export const LayoutTraffic = () => {
               title={`${t('home.components.traffic.metrics.memoryUsage')} `}
               {...boxStyle}
               sx={{
+                ...boxStyle.sx,
                 cursor: 'auto',
                 // opacity: memory?.is_fresh ? 1 : 0.6,
               }}