diff --git a/src/app/components/code-editor/code-editor.styled.ts b/src/app/components/code-editor/code-editor.styled.ts
index 43e1614..d25a42d 100644
--- a/src/app/components/code-editor/code-editor.styled.ts
+++ b/src/app/components/code-editor/code-editor.styled.ts
@@ -27,7 +27,7 @@ export const StyledCodeMirror = styled(CodeMirror, {
   },
 
   '.cm-activeLine': {
-    backgroundColor: '$accents1',
+    backgroundColor: '$activeLine',
   },
 
   '.cm-selectionMatch': {
diff --git a/src/app/themes/dark.ts b/src/app/themes/dark.ts
index c2c1f56..8bfa4a1 100644
--- a/src/app/themes/dark.ts
+++ b/src/app/themes/dark.ts
@@ -6,7 +6,8 @@ export const DarkTheme = createTheme({
     colors: {
       background: '#202225',
       backgroundContrast: '#292b2f',
-      selection: 'rgb(49, 54, 62)',
+      selection: 'rgb(75, 75, 75)',
+      activeLine: 'rgba(22, 24, 26, 0.5)',
       ezy: '#acc917',
       gradient: 'linear-gradient(112deg, #acc917 -25%, #4f680f 90%)',
     },
diff --git a/src/app/themes/light.ts b/src/app/themes/light.ts
index 00f5439..af44423 100644
--- a/src/app/themes/light.ts
+++ b/src/app/themes/light.ts
@@ -4,6 +4,7 @@ export const LightTheme = createTheme({
   type: 'light',
   theme: {
     colors: {
+      activeLine: 'rgba(232, 232, 232, 0.5)',
       ezy: '#acc917',
       gradient: 'linear-gradient(112deg, #acc917 -25%, #4f680f 90%)',
     },