diff --git a/src/cssStyles.tsx b/src/cssStyles.tsx
index 88a45d490..1457db5e1 100644
--- a/src/cssStyles.tsx
+++ b/src/cssStyles.tsx
@@ -100,7 +100,7 @@ export const basicButtonStyle = (theme: Theme) => css({
 export const deactivatedButtonStyle = css({
   borderRadius: '10px',
   cursor: "pointer",
-  opacity: "0.4",
+  opacity: "0.6",
   // Flex position child elements
   display: 'flex',
   justifyContent: 'center',
diff --git a/src/main/Timeline.tsx b/src/main/Timeline.tsx
index 67784d5b4..f3790a986 100644
--- a/src/main/Timeline.tsx
+++ b/src/main/Timeline.tsx
@@ -282,7 +282,6 @@ export const SegmentsList: React.FC<{
 }) => {
 
   const { t } = useTranslation();
-  const theme = useSelector(selectTheme)
 
   // Init redux variables
   const segments = useSelector(selectSegments)
diff --git a/src/themes.ts b/src/themes.ts
index f16eac592..6adcc6675 100644
--- a/src/themes.ts
+++ b/src/themes.ts
@@ -78,7 +78,7 @@ export const darkMode: Theme = {
   dropdown_border: `1px solid ${COLORS.neutral40}`,
   menuButton_outline: '2px solid transparent',
   button_outline: '0px solid transparent',
-  button_color: COLORS.neutral10,
+  button_color: COLORS.neutral20,
   indicator_color: COLORS.neutral60,
   icon_color: 'rgba(255, 255, 255, 0.87)',
   background_finish_menu_icon: COLORS.neutral15,