diff --git a/src/views/Preferences.vue b/src/views/Preferences.vue
index f4306fb..67214b7 100644
--- a/src/views/Preferences.vue
+++ b/src/views/Preferences.vue
@@ -1,6 +1,18 @@
 <template>
     <v-container fluid>
-        <p>TODO</p>
+        <v-form>
+            <v-layout row>
+                <v-flex xs12>
+                    <v-select
+                      label="I'm allergic to"
+                      v-bind:items="allergens"
+                      v-model="e6"
+                      multiple
+                      max-height="400"
+                    ></v-select>
+                </v-flex>
+            </v-layout>
+        </v-form>
     </v-container>
 </template>
 
@@ -8,6 +20,15 @@
 export default {
     created() {
         this.$store.dispatch('setTitle', { title: this.$t('navigation.preferences') });
+        this.$store.dispatch('setBackgroundColor', { backgroundColor: '#FF7043' });
+    },
+    data() {
+        return {
+            allergens: [
+                'nuts',
+                'milk',
+            ],
+        };
     },
 };
 </script>