diff --git a/paragon/css/core/index.css b/paragon/css/core/index.css
index e3d6892b..1a106532 100644
--- a/paragon/css/core/index.css
+++ b/paragon/css/core/index.css
@@ -1,4 +1,4 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Roboto+Mono&display=swap');
 
-@import "./custom-media-breakpoints.css";
-@import "./variables.css";
+@import "custom-media-breakpoints.css";
+@import "variables.css";
diff --git a/paragon/css/core/variables.css b/paragon/css/core/variables.css
index 3e945883..2cf8a8d2 100644
--- a/paragon/css/core/variables.css
+++ b/paragon/css/core/variables.css
@@ -25,7 +25,7 @@
   --pgn-spacing-card-spacer-y: 1rem;
   --pgn-spacing-card-spacer-x: 1.5rem;
   --pgn-spacing-btn-focus-gap: 2px;
-  --pgn-size-popover-border-width: 0;
+  --pgn-size-popover-border-width: 0px;
   --pgn-size-nav-pills-border-radius: 0;
   --pgn-size-image-thumbnail-border-radius: 0;
   --pgn-size-input-btn-border-width: 1px;
diff --git a/tokens/src/core/components/Popover.json b/tokens/src/core/components/Popover.json
index a95f7bf2..ded38247 100644
--- a/tokens/src/core/components/Popover.json
+++ b/tokens/src/core/components/Popover.json
@@ -2,7 +2,7 @@
   "size": {
     "popover": {
       "border": {
-        "width": { "value": "0" }
+        "width": { "value": "0px", "_comment": "A pixel next to zero is necessary for correct display Popover arrow." }
       }
     }
   }