diff --git a/aio/src/styles/2-modules/_hr.scss b/aio/src/styles/2-modules/_hr.scss
new file mode 100644
index 0000000000..c45daad44f
--- /dev/null
+++ b/aio/src/styles/2-modules/_hr.scss
@@ -0,0 +1,9 @@
+.hr-margin {
+    display: block;
+    height: 1px;
+    border: 0;
+    border-top: 1px solid $lightgray;
+    margin-top: 16px;
+    margin-bottom: 16px;
+    padding: 0;
+}
\ No newline at end of file
diff --git a/aio/src/styles/2-modules/_modules-dir.scss b/aio/src/styles/2-modules/_modules-dir.scss
index 502ce46fb8..15cf17b1d3 100644
--- a/aio/src/styles/2-modules/_modules-dir.scss
+++ b/aio/src/styles/2-modules/_modules-dir.scss
@@ -17,4 +17,5 @@
    @import 'hero';
    @import 'announcement-bar';
    @import 'banner';
-   @import 'api-list';
\ No newline at end of file
+   @import 'api-list';
+   @import 'hr';
\ No newline at end of file