diff --git a/webui/src/components/cpulist/CPUList.tsx b/webui/src/components/cpulist/CPUList.tsx
index 58bc960..aaee28e 100644
--- a/webui/src/components/cpulist/CPUList.tsx
+++ b/webui/src/components/cpulist/CPUList.tsx
@@ -7,14 +7,15 @@ import clsx from 'clsx'
 
 import { styled, Tooltip } from '@mui/material'
 import CPUIcon from 'icons/CPUAffinity'
+import { rgba } from 'utils/rgba'
 
 
 const CPURangeList = styled('span')(({ theme }) => ({
     '&.cpulist > .MuiSvgIcon-root': {
-        color: theme.palette.divider,
+        color: rgba(theme.palette.text.primary, 0.1),
         verticalAlign: 'text-top',
         position: 'relative',
-        top: '-0.1ex',
+        top: '-0.15ex',
         marginRight: '0.2em',
     },
 }))
diff --git a/webui/src/components/schedinfo/SchedulerInfo.tsx b/webui/src/components/schedinfo/SchedulerInfo.tsx
index 3d666ff..eeb5214 100644
--- a/webui/src/components/schedinfo/SchedulerInfo.tsx
+++ b/webui/src/components/schedinfo/SchedulerInfo.tsx
@@ -8,6 +8,7 @@ import clsx from 'clsx'
 import { styled, Tooltip } from '@mui/material'
 import { Process } from 'models/gw/process'
 import { HistoryToggleOff } from '@mui/icons-material'
+import { rgba } from 'utils/rgba'
 
 
 const SchedInformation = styled('span')(({ theme }) => ({
@@ -30,10 +31,10 @@ const SchedInformation = styled('span')(({ theme }) => ({
         color: theme.palette.sched.prio,
     },
     '& > .MuiSvgIcon-root': {
-        color: theme.palette.divider,
+        color: rgba(theme.palette.text.primary, 0.1),
         verticalAlign: 'text-top',
         position: 'relative',
-        top: '-0.1ex',
+        top: '-0.15ex',
         marginRight: '0.2em',
     },
 }))