diff --git a/packages/css-theme/src/_components.scss b/packages/css-theme/src/_components.scss
index 9b781379697..d8d3c9b7c5e 100644
--- a/packages/css-theme/src/_components.scss
+++ b/packages/css-theme/src/_components.scss
@@ -7,3 +7,4 @@
 @import "components/breadcrumbs";
 @import "components/example";
 @import "components/fab";
+@import "components/prev-next";
diff --git a/packages/css-theme/src/components/_prev-next.scss b/packages/css-theme/src/components/_prev-next.scss
new file mode 100644
index 00000000000..50cd51d12bb
--- /dev/null
+++ b/packages/css-theme/src/components/_prev-next.scss
@@ -0,0 +1,17 @@
+div.prev-next {
+  margin: 3rem 0 0 0;
+  padding: 0.25rem;
+  padding-bottom: 0;
+  display: flex;
+  flex-direction: row;
+  align-content: center;
+  justify-content: space-between;
+  border-bottom: 1px solid $oc-gray-3;
+  span.arrow {
+    font-weight: bold;
+    font-size: 120%;
+  }
+  span.arrow.prev { padding-right: 0.5rem; }
+  span.arrow.next { padding-left: 0.5rem; }
+
+}