diff --git a/src/styles/base/generic.scss b/src/styles/base/generic.scss
index 5287dd233c926ad36119016bf3a0e0c6f70545be..5a346354a8856837a6d1fbd91a9a8384eba2208c 100644
--- a/src/styles/base/generic.scss
+++ b/src/styles/base/generic.scss
@@ -50,17 +50,19 @@
 
 // Horizontal rule
 %hr {
-  padding: 8px 0 0 0;
-  margin: 0 0 8px 0;
-  border: none;
+  border-bottom: 1px solid var(--fw-border-color);
 
   @include light-theme {
-    border-bottom: 2px solid var(--fw-gray-200);
+    --fw-border-color: var(--fw-gray-200);
   }
 
   @include dark-theme {
-    border-bottom: 2px solid var(--fw-gray-800);
+    --fw-border-color: var(--fw-gray-800);
   }
+
+  padding: 8px 0 0 0;
+  margin: 0 0 8px 0;
+  border: none;
 }
 
 hr:not(.is-raw) {