diff --git a/src/pages/VisProgPage/visualProgrammingUI/components/WarningSidebar.module.css b/src/pages/VisProgPage/visualProgrammingUI/components/WarningSidebar.module.css
index c0d0c24..a724712 100644
--- a/src/pages/VisProgPage/visualProgrammingUI/components/WarningSidebar.module.css
+++ b/src/pages/VisProgPage/visualProgrammingUI/components/WarningSidebar.module.css
@@ -4,14 +4,14 @@
     width: 320px;
     height: 100%;
     background: canvas;
-    border-left: 2px solid black;
+    border-left: 2px solid CanvasText;
     display: flex;
     flex-direction: column;
 }
 
 .warnings-header {
     padding: 12px;
-    border-bottom: 1px solid #2a2a2e;
+    border-bottom: 2px solid CanvasText;
 }
 
 .severity-tabs {
@@ -62,6 +62,7 @@
     padding: 0;
     border-radius: 5px;
     cursor: pointer;
+    color: GrayText;
 }
 
 .warning-item:hover {