diff --git a/styles/globals.css b/styles/globals.css
index bbe3303..9312c0f 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -15,8 +15,7 @@ body,
 
 .gutter {
   position: relative;
-  background-color: rgba(255, 255, 255, 0);
-  transition: border-color 0.3s, background-color 0.3s;
+  transition: border-color 0.3s;
 }
 .gutter-vertical {
   border-bottom: 1px solid transparent;
@@ -32,7 +31,14 @@ body,
   cursor: row-resize;
   border-bottom: 1px solid rgba(255, 255, 255, 0.5);
 }
+html.light .gutter-vertical:hover {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
+}
 .gutter-horizontal:hover {
   cursor: col-resize;
   border-right: 1px solid rgba(255, 255, 255, 0.5);
 }
+
+html.light .gutter-horizontal:hover {
+  border-right: 1px solid rgba(0, 0, 0, 0.5);
+}