diff --git a/opentech/static_src/src/sass/components/_list.scss b/opentech/static_src/src/sass/components/_list.scss
new file mode 100644
index 0000000000000000000000000000000000000000..049460a91ab8a060bd2fe16847597150df0529a4
--- /dev/null
+++ b/opentech/static_src/src/sass/components/_list.scss
@@ -0,0 +1,12 @@
+.list {
+    &--flex {
+        display: flex;
+    }
+
+    &__label {
+        padding: 10px;
+        margin-right: 20px;
+        color: $color--white;
+        background: $color--light-blue;
+    }
+}
diff --git a/opentech/static_src/src/sass/main.scss b/opentech/static_src/src/sass/main.scss
index 2562ffb8f8bfb329f9283e68b7e647370325ce60..f6bec4a81033f9faf43b75c001234e6bdb4a9d5c 100755
--- a/opentech/static_src/src/sass/main.scss
+++ b/opentech/static_src/src/sass/main.scss
@@ -21,6 +21,7 @@
 @import 'components/icon';
 @import 'components/input';
 @import 'components/link';
+@import 'components/list';
 @import 'components/nav';
 @import 'components/responsive-object';
 @import 'components/rich-text';