diff --git a/explorer-v2/src/components/header/EnvironmentSwitcher.tsx b/explorer-v2/src/components/header/EnvironmentSwitcher.tsx
index cd4c6f898a..03026c6cb8 100644
--- a/explorer-v2/src/components/header/EnvironmentSwitcher.tsx
+++ b/explorer-v2/src/components/header/EnvironmentSwitcher.tsx
@@ -54,7 +54,11 @@ export const EnvironmentSwitcher: React.FC = () => {
             : theme.palette.common.white,
         borderStyle: environment === "sandbox" ? "solid" : "dashed",
         backgroundColor:
-          environment === "sandbox" ? colours.pine[800] : "transparent",
+          environment === "sandbox" && theme.palette.mode === "dark"
+            ? colours.pine[800]
+            : environment === "sandbox" && theme.palette.mode === "light"
+              ? colours.pine[300]
+              : "transparent",
         fontWeight: 500,
         fontSize: 14,
       }}