diff --git a/src/stylesheets/components/_options.scss b/src/stylesheets/components/_options.scss
new file mode 100644
index 0000000000..6da71d123f
--- /dev/null
+++ b/src/stylesheets/components/_options.scss
@@ -0,0 +1,29 @@
+.app-options {
+  max-width: 38em;
+  margin-bottom: govuk-spacing(1);
+  padding: govuk-spacing(2) govuk-spacing(2) 0 govuk-spacing(2);
+  background-color: govuk-colour("white");
+
+  @include govuk-media-query($from: tablet) {
+    margin-bottom: govuk-spacing(4);
+    padding: govuk-spacing(5) govuk-spacing(5) 0 govuk-spacing(5);
+  }
+}
+
+.app-options__table {
+  @include govuk-media-query(mobile) {
+    table-layout: fixed;
+
+    .govuk-table__header,
+    .govuk-table__cell {
+      padding-right: govuk-spacing(2);
+      word-break: break-word;
+    }
+  }
+}
+
+.app-options__limit-table-cell {
+  @include govuk-media-query(mobile) {
+    width: 29%;
+  }
+}
diff --git a/src/stylesheets/main.scss b/src/stylesheets/main.scss
index e752f0def7..0cebdea5f9 100644
--- a/src/stylesheets/main.scss
+++ b/src/stylesheets/main.scss
@@ -15,6 +15,7 @@ $app-code-color: #dd1144;
 @import "components/masthead";
 @import "components/mobile-navigation";
 @import "components/navigation";
+@import "components/options";
 @import "components/page-navigation";
 @import "components/pane";
 @import "components/site-search";