diff --git a/client/styles/components/_p5-contrast-codemirror-theme.scss b/client/styles/components/_p5-contrast-codemirror-theme.scss
index 7ac88b47..fd289df3 100644
--- a/client/styles/components/_p5-contrast-codemirror-theme.scss
+++ b/client/styles/components/_p5-contrast-codemirror-theme.scss
@@ -98,6 +98,7 @@ $p5-contrast-activeline: #999999;
 
 .cm-s-p5-contrast .CodeMirror-matchingbracket {
   outline: 1px solid $p5-contrast-lightgray;
+  outline-offset: 1px;
   color: $p5-contrast-white !important;
 }
 
diff --git a/client/styles/components/_p5-dark-codemirror-theme.scss b/client/styles/components/_p5-dark-codemirror-theme.scss
index cbb4e174..f10cbad9 100644
--- a/client/styles/components/_p5-dark-codemirror-theme.scss
+++ b/client/styles/components/_p5-dark-codemirror-theme.scss
@@ -101,6 +101,7 @@ $p5-dark-activeline: rgb(207, 207, 207);
 
 .cm-s-p5-dark .CodeMirror-matchingbracket {
   outline: 1px solid $p5-dark-gray;
+  outline-offset: 1px;
   color: $p5-dark-white !important;
 }
 
diff --git a/client/styles/components/_p5-light-codemirror-theme.scss b/client/styles/components/_p5-light-codemirror-theme.scss
index f785943d..49328175 100644
--- a/client/styles/components/_p5-light-codemirror-theme.scss
+++ b/client/styles/components/_p5-light-codemirror-theme.scss
@@ -99,6 +99,7 @@ $p5-light-activeline: rgb(207, 207, 207);
 
 .cm-s-p5-light .CodeMirror-matchingbracket {
   outline: 1px solid $p5-light-gray;
+  outline-offset: 1px;
   color: $p5-light-black !important;
 }