diff --git a/ui/src/components/horizontal-list/li.js b/ui/src/components/horizontal-list/li.js
new file mode 100644
index 00000000..0e7d52c5
--- /dev/null
+++ b/ui/src/components/horizontal-list/li.js
@@ -0,0 +1,23 @@
+const fns = require('../../shared/functions');
+const Styled = require('styled-components');
+
+const {
+  remcalc
+} = fns;
+
+const {
+  default: styled
+} = Styled;
+
+module.exports = styled.li`
+  display: inline-block;
+  margin-right: ${remcalc(10)};
+  padding-top: ${remcalc(10)};
+  padding-bottom: ${remcalc(10)};
+
+  & a.active {
+    cursor: default;
+    color: #373A3C;
+    text-decoration: none;
+  }
+`;
diff --git a/ui/src/components/horizontal-list/ul.js b/ui/src/components/horizontal-list/ul.js
new file mode 100644
index 00000000..a6e8a3b4
--- /dev/null
+++ b/ui/src/components/horizontal-list/ul.js
@@ -0,0 +1,9 @@
+const Styled = require('styled-components');
+
+const {
+  default: styled
+} = Styled;
+
+module.exports = styled.ul`
+  list-style-type: none;
+`;