diff --git a/webapp/IronCalc/src/components/Worksheet/Worksheet.tsx b/webapp/IronCalc/src/components/Worksheet/Worksheet.tsx
index e7edb52..08c19de 100644
--- a/webapp/IronCalc/src/components/Worksheet/Worksheet.tsx
+++ b/webapp/IronCalc/src/components/Worksheet/Worksheet.tsx
@@ -17,6 +17,7 @@ import {
   LAST_ROW,
   outlineBackgroundColor,
   outlineColor,
+  outlineEditingColor,
   ROW_HEIGH_SCALE,
 } from "../WorksheetCanvas/constants";
 import WorksheetCanvas from "../WorksheetCanvas/worksheetCanvas";
@@ -539,7 +540,7 @@ const EditorWrapper = styled("div")`
   vertical-align: bottom;
   overflow: hidden;
   text-align: left;
-  outline: 3px solid #FBE0C9;
+  outline: 3px solid ${outlineEditingColor};
   z-index: 1000;
   span {
     min-width: 1px;
diff --git a/webapp/IronCalc/src/components/WorksheetCanvas/constants.ts b/webapp/IronCalc/src/components/WorksheetCanvas/constants.ts
index 2e657a5..cbbfea4 100644
--- a/webapp/IronCalc/src/components/WorksheetCanvas/constants.ts
+++ b/webapp/IronCalc/src/components/WorksheetCanvas/constants.ts
@@ -12,6 +12,7 @@ export const gridSeparatorColor = "#E0E0E0";
 export const defaultTextColor = "#2E414D";
 
 export const outlineColor = "#F2994A";
+export const outlineEditingColor = "#FBE0C9";
 export const outlineBackgroundColor = "#F2994A1A";
 
 export const LAST_COLUMN = 16_384;