From 4e6064773a3b79611104ec4650676869fb4a3b19 Mon Sep 17 00:00:00 2001
From: Jon Rohan <yes@jonrohan.codes>
Date: Tue, 23 Mar 2021 16:51:54 -0700
Subject: [PATCH] Updating how we draw carets

---
 src/support/mixins/misc.scss | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/support/mixins/misc.scss b/src/support/mixins/misc.scss
index e0288d3e..399eb222 100644
--- a/src/support/mixins/misc.scss
+++ b/src/support/mixins/misc.scss
@@ -5,25 +5,24 @@
     position: absolute;
     top: 11px;
     right: 100%;
-    left: -16px;
+    left: -8px;
     display: block;
-    width: 0;
-    height: 0;
+    width: 8px;
+    height: 16px;
     pointer-events: none;
     content: " ";
-    border-color: transparent;
-    border-style: solid solid outset;
+    clip-path: polygon(0 50%, 100% 0, 100% 100%);
   }
 
   &::after {
+    height: 14px;
     margin-top: 1px;
-    margin-left: 2px;
-    border-width: 7px;
-    border-right-color: $background;
+    margin-left: 1px;
+    background-color: var(--color-bg-primary);
+    background-image: linear-gradient($background, $background);
   }
 
   &::before {
-    border-width: 8px;
-    border-right-color: $border;
+    background-color: $border;
   }
 }