diff --git a/ui-spacetimechart/src/styles/main.css b/ui-spacetimechart/src/styles/main.css
index b91fb8bb5..a647b3a8a 100644
--- a/ui-spacetimechart/src/styles/main.css
+++ b/ui-spacetimechart/src/styles/main.css
@@ -59,10 +59,7 @@
 .simple-rect-border-box::after {
   content: "";
   position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  inset: 0;
   background:
     /* TOP BORDER */
     repeating-linear-gradient(
@@ -73,7 +70,7 @@
       transparent 4px
     )
     top 1px left 1px / 100% 1px no-repeat,
-    /* RIGHT */
+    /* BOTTOM BORDER */
     repeating-linear-gradient(
       0deg,
       theme('colors.primary.90') 0px,
@@ -82,7 +79,7 @@
       transparent 4px
     )
     bottom 1px right 1px / 1px 100% no-repeat,
-    /* BOTTOM BORDER */
+    /* BOTTOM BORDER */
     repeating-linear-gradient(
       90deg,
       theme('colors.primary.90') 0px,
@@ -107,11 +104,9 @@
 .simple-rect-border-box::before {
   content: "";
   position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  inset: 0;
   background:
+    /* TOP BORDER */
     repeating-linear-gradient(
       90deg,
       theme('colors.white.100') 0px,
@@ -120,6 +115,7 @@
       transparent 4px
     )
     top / 100% 3px no-repeat,
+    /* RIGHT BORDER */
     repeating-linear-gradient(
       0deg,
       theme('colors.white.100') 0px,
@@ -128,6 +124,7 @@
       transparent 4px
     )
     right / 3px 100% no-repeat,
+    /* BOTTOM BORDER */
     repeating-linear-gradient(
       90deg,
       theme('colors.white.100') 0px,
@@ -136,6 +133,7 @@
       transparent 4px
     )
     bottom / 100% 3px no-repeat,
+    /* LEFT BORDER */
     repeating-linear-gradient(
       0deg,
       theme('colors.white.100') 0px,