diff --git a/x-pack/plugins/canvas/public/components/border_connection/border_connection.scss b/x-pack/plugins/canvas/public/components/border_connection/border_connection.scss
index aa5d9ad1e0f41..ba09edd1090db 100644
--- a/x-pack/plugins/canvas/public/components/border_connection/border_connection.scss
+++ b/x-pack/plugins/canvas/public/components/border_connection/border_connection.scss
@@ -4,9 +4,6 @@
   width: 100%;
   height: 100%;
   pointer-events: none;
-  //box-shadow: inset 0 0 1px 2px $euiColorPrimary;
-  border-top: $euiBorderThin;
-  border-left: $euiBorderThin;
-  border-style: dashed;
-  border-color: #d9d9d9;
+  border-top: 1px dashed $euiColorLightShade;
+  border-left: 1px dashed $euiColorLightShade;
 }
diff --git a/x-pack/plugins/canvas/public/components/rotation_handle/rotation_handle.scss b/x-pack/plugins/canvas/public/components/rotation_handle/rotation_handle.scss
index cd52e29e4f411..820107ff47a51 100644
--- a/x-pack/plugins/canvas/public/components/rotation_handle/rotation_handle.scss
+++ b/x-pack/plugins/canvas/public/components/rotation_handle/rotation_handle.scss
@@ -7,7 +7,8 @@
   width: 0;
   margin-left: -1px;
   margin-top: -12px;
-  border: 1px dashed #d9d9d9;
+  border-top: 1px dashed $euiColorLightShade;
+  border-left: 1px dashed $euiColorLightShade;
 }
 
 .canvasRotationHandle--handle {
@@ -15,10 +16,10 @@
   transform-style: preserve-3d;
   display: block;
   position: absolute;
-  height: 8px;
-  width: 8px;
-  margin-left: -4px;
+  height: 9px;
+  width: 9px;
+  margin-left: -5px;
   margin-top: -3px;
   border-radius: 50%;
-  background-color: #999;
+  background-color: $euiColorMediumShade;
 }