From eeed7dfa5ecf8abc77a32e6cb147c9672c0a192a Mon Sep 17 00:00:00 2001 From: Claude Date: Thu, 10 Sep 2026 00:10:26 +0000 Subject: [PATCH] Use explicit px strings for webkit scrollbar dimensions MUI may not convert bare numbers to px inside pseudo-element selectors; switching to template literals ensures the correct CSS value. Co-Authored-By: Claude Sonnet 4.6 Claude-Session: https://claude.ai/code/session_01FGiX1wXCY5UtSrmoKBhDQu --- client/src/Pages/Docker/ContainerDetails/TabLogs.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/client/src/Pages/Docker/ContainerDetails/TabLogs.tsx b/client/src/Pages/Docker/ContainerDetails/TabLogs.tsx index 9ac5e2b18..420602b7d 100644 --- a/client/src/Pages/Docker/ContainerDetails/TabLogs.tsx +++ b/client/src/Pages/Docker/ContainerDetails/TabLogs.tsx @@ -217,19 +217,19 @@ export const TabLogs = ({ monitorId, containerName, enabled }: TabLogsProps) => sx={{ overflowAnchor: "none", scrollbarWidth: "auto", - scrollbarColor: "#11715b rgba(0,0,0,0.1)", + scrollbarColor: "#11715b rgba(0,0,0,0.15)", "&::-webkit-scrollbar": { display: "block", - width: SCROLLBAR_SIZE, - height: SCROLLBAR_SIZE, + width: `${SCROLLBAR_SIZE}px`, + height: `${SCROLLBAR_SIZE}px`, }, "&::-webkit-scrollbar-track": { - background: "rgba(0,0,0,0.1)", - borderRadius: 2, + background: "rgba(0,0,0,0.15)", + borderRadius: "2px", }, "&::-webkit-scrollbar-thumb": { background: "#11715b", - borderRadius: 2, + borderRadius: "2px", }, "&::-webkit-scrollbar-button": { display: "none" }, }}