diff --git a/packages/dnb-ui-lib/src/style/elements/hr.scss b/packages/dnb-ui-lib/src/style/elements/hr.scss
index 259a9c8dcc2..d9a1a7e46e8 100644
--- a/packages/dnb-ui-lib/src/style/elements/hr.scss
+++ b/packages/dnb-ui-lib/src/style/elements/hr.scss
@@ -7,9 +7,11 @@
   position: relative;
   margin: 0;
   padding: 0;
-  height: 0; // so we dont distract the correct spacing
+  height: 1px;
+  margin-top: -1px;
 
   border: 0;
+  color: var(--color-black-border);
 
   &::after {
     content: '';
@@ -20,7 +22,8 @@
     top: 0;
     width: 100%;
     height: 1px;
-    background-color: var(--color-black-border);
+    color: inherit;
+    background-color: currentColor;
     border-radius: 0.5px;
   }
 }