diff --git a/favourite-colour/manifest.json b/favourite-colour/manifest.json
index e6bc69b..560c795 100644
--- a/favourite-colour/manifest.json
+++ b/favourite-colour/manifest.json
@@ -10,8 +10,14 @@
   "manifest_version": 2,
   "name": "Favourite colour",
   "options_ui": {
-      "page": "options.html"
+      "page": "options.html",
+      "browser_style": true
   },
   "permissions": ["storage"],
-  "version": "1.0"
+  "version": "1.1",
+  "applications": {
+      "gecko": {
+          "id": "favourite-colour-examples@mozilla.org"
+      }
+  }
 }
diff --git a/favourite-colour/options.html b/favourite-colour/options.html
index ed9a7bf..77c925e 100644
--- a/favourite-colour/options.html
+++ b/favourite-colour/options.html
@@ -7,12 +7,9 @@
 
 <body>
   <form>
-    <fieldset>
-      <legend>Options</legend>
-      <p>Favourite colour</p>
+      <label>Favourite colour</label>
       <input type="text" id="colour" >
       <button type="submit">Save</button>
-    </fieldset>
   </form>
   <script src="options.js"></script>
 </body>
diff --git a/favourite-colour/options.js b/favourite-colour/options.js
index b9cd3de..5c23b75 100644
--- a/favourite-colour/options.js
+++ b/favourite-colour/options.js
@@ -1,12 +1,12 @@
 function saveOptions(e) {
-  browser.storage.local.set({
+  browser.storage.sync.set({
     colour: document.querySelector("#colour").value
   });
   e.preventDefault();
 }
 
 function restoreOptions() {
-  var gettingItem = browser.storage.local.get('colour');
+  var gettingItem = browser.storage.sync.get('colour');
   gettingItem.then((res) => {
     document.querySelector("#colour").value = res.colour || 'Firefox red';
   });
