diff --git a/src/index.html b/src/index.html
index b6a9ffb9..73b3d7d5 100644
--- a/src/index.html
+++ b/src/index.html
@@ -82,18 +82,18 @@
               </div>
               <div class="input-wrap py-0">
                 <div class="form-dropdown">
-                <button class="control-add-toggle form-dropdown-toggle button" tabindex="1">
-                  <span class="button-text">Add</span>
-                </button>
-                <ul class="list-unstyled form-dropdown-menu">
-                  <li>
-                    <button class="button button-block text-left form-dropdown-menu-item control-group-add" tabindex="1"><span class="button-text">New Group</span></button>
-                  </li>
-                  <li>
-                    <button class="button button-block text-left form-dropdown-menu-item control-link-add" tabindex="1"><span class="button-text">New Bookmark</span></button>
-                  </li>
-                </ul>
-              </div>
+                  <button class="control-add-toggle form-dropdown-toggle button" tabindex="1">
+                    <span class="button-text">Add</span>
+                  </button>
+                  <ul class="list-unstyled form-dropdown-menu">
+                    <li>
+                      <button class="button button-block text-left form-dropdown-menu-item control-group-add" tabindex="1"><span class="button-text">New Group</span></button>
+                    </li>
+                    <li>
+                      <button class="button button-block text-left form-dropdown-menu-item control-link-add" tabindex="1"><span class="button-text">New Bookmark</span></button>
+                    </li>
+                  </ul>
+                </div>
               </div>
             </div>
           </div>
@@ -148,7 +148,7 @@
                 <input id="control-layout-width" class="control-layout-width" type="range" min="5" max="100" value="0" tabindex="-1">
               </div>
               <hr>
-              <label class="control-layout-alignment-label">Area Alignment</label>
+              <label class="control-layout-alignment-label">Area alignment</label>
               <div class="form-grid-wrap">
                 <div class="form-grid form-grid-3x3 control-layout-alignment-grid">
                   <div class="input-wrap">
@@ -263,7 +263,7 @@
                 <button class="control-header-area-width-match button mb-0" tabindex="-1">Match Bookmarks Area</button>
               </div>
               <hr>
-              <label class="control-header-area-alignment-label">Area Horizontal Alignment</label>
+              <label class="control-header-area-alignment-label">Area horizontal alignment</label>
               <div class="form-grid-wrap">
                 <div class="form-grid form-grid-3x1 control-header-area-alignment-grid">
                   <div class="input-wrap">
@@ -282,7 +282,7 @@
               </div>
               <p class="control-header-area-alignment-helper form-helper small">Effects may not be visible if the Header Area is full width.</p>
               <hr>
-              <label class="control-header-item-alignment-label">Item Horizontal Alignment</label>
+              <label class="control-header-item-alignment-label">Item horizontal alignment</label>
               <div class="form-grid-wrap">
                 <div class="form-grid form-grid-3x1 control-header-item-alignment-grid">
                   <div class="input-wrap">
@@ -335,7 +335,7 @@
                   <input id="control-header-greeting-size" class="control-header-greeting-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
                 </div>
                 <div class="button-wrap">
-                  <button class="control-header-greeting-size-default button mb-0" tabindex="-1">Default greeting size</button>
+                  <button class="control-header-greeting-size-default button mb-0" tabindex="-1">Default Greeting size</button>
                 </div>
               </div>
             </div>
@@ -365,7 +365,7 @@
                   <input id="control-header-transitional-size" class="control-header-transitional-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
                 </div>
                 <div class="button-wrap">
-                  <button class="control-header-transitional-size-default button mb-0" tabindex="-1">Default transitional size</button>
+                  <button class="control-header-transitional-size-default button mb-0" tabindex="-1">Default Transitional size</button>
                 </div>
               </div>
             </div>
@@ -439,7 +439,7 @@
                 <input id="control-header-clock-size" class="control-header-clock-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
               </div>
               <div class="button-wrap">
-                <button class="control-header-clock-size-default button mb-0" tabindex="-1">Default clock size</button>
+                <button class="control-header-clock-size-default button mb-0" tabindex="-1">Default Clock size</button>
               </div>
             </div>
           </div>
@@ -574,7 +574,7 @@
                 <input id="control-header-date-size" class="control-header-date-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
               </div>
               <div class="button-wrap">
-                <button class="control-header-date-size-default button mb-0" tabindex="-1">Default date size</button>
+                <button class="control-header-date-size-default button mb-0" tabindex="-1">Default Date size</button>
               </div>
             </div>
           </div>
@@ -640,8 +640,7 @@
                 <div class="form-indent">
                   <div class="input-wrap">
                     <label for="control-header-search-engine-custom-name">Name</label>
-                    <input id="control-header-search-engine-custom-name" class="control-header-search-engine-custom-name mb-0" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Search engine name"
-                      tabindex="-1">
+                    <input id="control-header-search-engine-custom-name" class="control-header-search-engine-custom-name mb-0" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Search engine name" tabindex="-1">
                   </div>
                   <div class="input-wrap">
                     <label for="control-header-search-engine-custom-url">URL</label>
@@ -675,7 +674,7 @@
                 </div>
                 <p class="control-header-search-size-helper form-helper small">Only the Search box width control will change the Width of the Search box.</p>
                 <div class="button-wrap">
-                  <button class="control-header-search-size-default button mb-0" tabindex="-1">Default search size</button>
+                  <button class="control-header-search-size-default button mb-0" tabindex="-1">Default Search size</button>
                 </div>
               </div>
             </div>
@@ -710,7 +709,7 @@
                 <input id="control-header-button-size" class="control-header-button-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
               </div>
               <div class="button-wrap">
-                <button class="control-header-button-size-default button mb-0" tabindex="-1">Default button size</button>
+                <button class="control-header-button-size-default button mb-0" tabindex="-1">Default Button size</button>
               </div>
             </div>
           </div>
@@ -741,11 +740,11 @@
                   <label for="control-header-position-sticky"><span class="label-icon"></span> Sticky</label>
                 </div>
                 <p class="control-header-position-sticky-helper form-helper small">Header sticks to the page when scrolling up or down.</p>
-                  <div class="input-wrap">
-                    <input id="control-header-position-inline" class="control-header-position-inline" type="radio" name="control-header-position" value="inline" tabindex="-1">
-                    <label for="control-header-position-inline"><span class="label-icon"></span> Inline</label>
-                  </div>
-                  <p class="control-header-position-inline-helper form-helper small">Header moves inline with the content when scrolling up or down.</p>
+                <div class="input-wrap">
+                  <input id="control-header-position-inline" class="control-header-position-inline" type="radio" name="control-header-position" value="inline" tabindex="-1">
+                  <label for="control-header-position-inline"><span class="label-icon"></span> Inline</label>
+                </div>
+                <p class="control-header-position-inline-helper form-helper small">Header moves inline with the content when scrolling up or down.</p>
               </div>
             </div>
           </div>
@@ -800,11 +799,11 @@
                   <input id="control-group-name-size" class="control-group-name-size" type="range" min="20" max="500" value="0" step="20" tabindex="-1">
                 </div>
                 <div class="button-wrap">
-                  <button class="control-group-name-size-default button mb-0" tabindex="-1">Default name size</button>
+                  <button class="control-group-name-size-default button mb-0" tabindex="-1">Default Name size</button>
                 </div>
               </div>
               <hr>
-              <label class="control-group-area-alignment-label">Group Name Horizontal Alignment</label>
+              <label class="control-group-area-alignment-label">Group name horizontal alignment</label>
               <div class="form-grid-wrap">
                 <div class="form-grid form-grid-3x1 control-group-area-alignment-grid">
                   <div class="input-wrap">
@@ -853,7 +852,7 @@
                 <button class="control-link-area-width-match button mb-0" tabindex="-1">Match Header Area</button>
               </div>
               <hr>
-              <label class="control-link-area-alignment-label">Horizontal Alignment</label>
+              <label class="control-link-area-alignment-label">Horizontal alignment</label>
               <div class="form-grid-wrap">
                 <div class="form-grid form-grid-3x1 control-link-area-alignment-grid">
                   <div class="input-wrap">
@@ -884,14 +883,14 @@
               </div>
               <div class="form-indent">
                 <div class="input-wrap">
-                  <label for="control-link-item-size">Tile Size</label>
+                  <label for="control-link-item-size">Bookmark Size</label>
                   <input id="control-link-item-size" class="control-link-item-size" type="range" min="20" max="500" value="0" step="10" tabindex="-1">
                 </div>
                 <div class="button-wrap">
-                  <button class="control-link-item-size-default button mb-0" tabindex="-1">Default tile size</button>
+                  <button class="control-link-item-size-default button mb-0" tabindex="-1">Default Bookmark size</button>
                 </div>
                 <hr>
-                <label class="control-link-item-display-alignment-label">Content Alignment</label>
+                <label class="control-link-item-display-alignment-label">Content alignment</label>
                 <div class="form-grid-wrap">
                   <div class="form-grid form-grid-3x3 control-link-item-display-alignment-grid">
                     <div class="input-wrap">
@@ -943,7 +942,7 @@
                     <input id="control-link-item-display-letter-size" class="control-link-item-display-letter-size" type="range" min="1" max="3000" value="0" tabindex="-1">
                   </div>
                   <div class="button-wrap">
-                    <button class="control-link-item-display-letter-size-default button mb-0" tabindex="-1">Default letter size</button>
+                    <button class="control-link-item-display-letter-size-default button mb-0" tabindex="-1">Default Letter size</button>
                   </div>
                   <hr>
                   <div class="input-wrap">
@@ -951,7 +950,7 @@
                     <input id="control-link-item-display-icon-size" class="control-link-item-display-icon-size" type="range" min="1" max="3000" value="0" tabindex="-1">
                   </div>
                   <div class="button-wrap">
-                    <button class="control-link-item-display-icon-size-default button mb-0" tabindex="-1">Default icon size</button>
+                    <button class="control-link-item-display-icon-size-default button mb-0" tabindex="-1">Default Icon size</button>
                   </div>
                 </div>
                 <hr>
@@ -964,7 +963,7 @@
                       <input id="control-link-item-name-size" class="control-link-item-name-size" type="range" min="1" max="1500" value="0" tabindex="-1">
                     </div>
                     <div class="button-wrap">
-                      <button class="control-link-item-name-size-default button mb-0" tabindex="-1">Default icon size</button>
+                      <button class="control-link-item-name-size-default button mb-0" tabindex="-1">Default Name size</button>
                     </div>
                   </div>
                 </div>
@@ -981,22 +980,22 @@
                 <hr>
                 <div class="input-wrap">
                   <input id="control-link-item-url-show" class="control-link-item-url-show" type="checkbox" tabindex="-1">
-                  <label for="control-link-item-url-show"><span class="label-icon"></span> URL on tile hover</label>
+                  <label for="control-link-item-url-show"><span class="label-icon"></span> Show URL on Bookmark hover</label>
                 </div>
                 <hr>
                 <div class="input-wrap">
                   <input id="control-link-item-line-show" class="control-link-item-line-show" type="checkbox" tabindex="-1">
-                  <label for="control-link-item-line-show"><span class="label-icon"></span> Tile line</label>
+                  <label for="control-link-item-line-show"><span class="label-icon"></span> Bookmark line</label>
                 </div>
                 <hr>
                 <div class="input-wrap">
                   <input id="control-link-item-shadow-show" class="control-link-item-shadow-show" type="checkbox" tabindex="-1">
-                  <label for="control-link-item-shadow-show"><span class="label-icon"></span> Tile shadow</label>
+                  <label for="control-link-item-shadow-show"><span class="label-icon"></span> Bookmark shadow</label>
                 </div>
                 <hr>
                 <div class="input-wrap">
                   <input id="control-link-item-hoverscale" class="control-link-item-hoverscale" type="checkbox" tabindex="-1">
-                  <label for="control-link-item-hoverscale"><span class="label-icon"></span> Grow on tile hover</label>
+                  <label for="control-link-item-hoverscale"><span class="label-icon"></span> Bookmark grow on hover</label>
                 </div>
                 <hr>
                 <div class="input-wrap">
@@ -1074,9 +1073,11 @@
               <div class="button-wrap form-inline">
                 <button class="control-link-accent-clear button mb-0" tabindex="-1">Remove all override colours</button>
               </div>
+              <hr>
               <div class="button-wrap form-inline">
-                <button class="control-link-accent-set button mb-0" tabindex="-1">All the colours!</button>
+                <button class="control-link-accent-set button mb-0" tabindex="-1">Add override colours</button>
               </div>
+              <p class="control-link-accent-set-helper form-helper small">Adds a unique override colour to each Bookmark.</p>
             </div>
           </div>
         </div>
@@ -1091,11 +1092,10 @@
                 <label for="control-theme-accent-current-picker">Colour</label>
                 <div class="form-group form-group-block mb-0">
                   <input id="control-theme-accent-current-picker" class="form-group-item-half control-theme-accent-current-picker mb-0" type="color" value="#000000" tabindex="1">
-                  <input id="control-theme-accent-current-hex" class="form-group-item-half control-theme-accent-current-hex mb-0" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off"
-                    autocapitalize="off" spellcheck="false">
+                  <input id="control-theme-accent-current-hex" class="form-group-item-half control-theme-accent-current-hex mb-0" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
                 </div>
               </div>
-              <p class="control-theme-style-light-helper form-helper small">Accent Colour can also be changed from the Header area.</p>
+              <p class="control-theme-style-light-helper form-helper small">Accent Colour can also be changed from the Header Area.</p>
               <hr>
               <div class="input-wrap">
                 <input id="control-theme-accent-random-active" class="control-theme-accent-random-active" type="checkbox" tabindex="-1">
@@ -1164,20 +1164,20 @@
                 <input id="control-background-color-by-theme" class="control-background-color-by-theme" type="radio" name="control-background-color-by" value="theme" tabindex="-1">
                 <label for="control-background-color-by-theme"><span class="label-icon"></span> Theme background colour</label>
               </div>
-              <p class="control-background-color-by-theme-helper form-helper small">Background colour defined by the Dark or Light Theme.</p>
+              <p class="control-background-color-by-theme-helper form-helper small">Use the Background colour defined by the Dark or Light Theme.</p>
               <div class="input-wrap">
                 <input id="control-background-color-by-custom" class="control-background-color-by-custom" type="radio" name="control-background-color-by" value="custom" tabindex="-1">
                 <label for="control-background-color-by-custom"><span class="label-icon"></span> Custom background colour</label>
               </div>
+              <p class="control-background-color-by-custom-helper form-helper small">Use a custom Background colour.</p>
+              <p class="control-background-color-by-custom-helper form-helper small">Take care as some colours may make the Clock, Date and other text unreadable.</p>
               <div class="form-indent">
                 <div class="input-wrap">
                   <div class="form-group form-group-block mb-0">
                     <input id="control-background-color-custom-current-picker" class="form-group-item-half control-background-color-custom-current-picker mb-0" type="color" value="#000000" tabindex="1">
-                    <input id="control-background-color-custom-current-hex" class="form-group-item-half control-background-color-custom-current-hex mb-0" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off"
-                      autocorrect="off" autocapitalize="off" spellcheck="false">
+                    <input id="control-background-color-custom-current-hex" class="form-group-item-half control-background-color-custom-current-hex mb-0" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
                   </div>
                 </div>
-                <p class="control-background-color-theme-helper form-helper small">Take care as some colours may make the Clock, Date and other text unreadable.</p>
               </div>
             </div>
           </div>
diff --git a/src/js/link.js b/src/js/link.js
index a3ae797c..e1bf5889 100644
--- a/src/js/link.js
+++ b/src/js/link.js
@@ -429,7 +429,7 @@ var link = (function() {
       var groupFormPositionLabel = helper.node("label:Position|for:group-form-position");
       var groupFormPositionSelect = helper.node("select|id:group-form-position,class:group-form-position mb-0,tabindex:1");
       var groupFormRandomNameButtonWrap = helper.node("div|class:button-wrap");
-      var groupFormRandomNameButton = helper.node("button:Random Group Name|class:button mb-0,type:button,tabindex:1");
+      var groupFormRandomNameButton = helper.node("button:Random Group name|class:button mb-0,type:button,tabindex:1");
 
       // group name
       var groupFormNameInputWrap = helper.node("div|class:input-wrap");
@@ -671,7 +671,7 @@ var link = (function() {
       var groupExistingRadioWrap = helper.node("div|class:input-wrap");
       var groupExistingRadio = helper.node("input|class:link-form-input-group-existing,id:link-form-input-group-existing,type:radio,name:link-form-input-group,tabindex:1,checked,value:existing");
       var groupExistingLable = helper.node("label|for:link-form-input-group-existing");
-      var groupExistingLableText = helper.node("span:Existing group");
+      var groupExistingLableText = helper.node("span:Existing Group");
       var groupExistingLableIcon = helper.node("span|class:label-icon");
       var groupExistingFormIndent = helper.node("div|class:form-indent");
       var groupExistingGroupInputWrap = helper.node("div|class:input-wrap");
@@ -684,13 +684,13 @@ var link = (function() {
       var groupNewRadioWrap = helper.node("div|class:input-wrap");
       var groupNewRadio = helper.node("input|class:link-form-input-group-new,id:link-form-input-group-new,type:radio,name:link-form-input-group,tabindex:1,value:new");
       var groupNewLable = helper.node("label|for:link-form-input-group-new");
-      var groupNewLableLableText = helper.node("span:New group");
+      var groupNewLableLableText = helper.node("span:New Group");
       var groupNewLableLableIcon = helper.node("span|class:label-icon");
       var groupNewFormIndent = helper.node("div|class:form-indent");
       var groupNewInputWrap = helper.node("div|class:input-wrap");
       var groupNewInput = helper.node("input|type:text,class:link-form-input-new-group mb-0,id:link-form-input-new-group,placeholder:Example group,tabindex:1,autocomplete:off,autocorrect:off,autocapitalize:off,spellcheck:false,disabled");
       var groupNewRandomNameButtonWrap = helper.node("div|class:button-wrap");
-      var groupNewRandomNameButton = helper.node("button:Random Group Name|class:button mb-0,type:button,tabindex:1,disabled");
+      var groupNewRandomNameButton = helper.node("button:Random Group name|class:button mb-0,type:button,tabindex:1,disabled");
 
       // letter
       var displayLetterRadioWrap = helper.node("div|class:input-wrap");
@@ -752,7 +752,7 @@ var link = (function() {
       var accentColorFormGroup = helper.node("div|class:form-group form-group-block mb-0");
       var accentColorPicker = helper.node("input|id:link-form-input-accent-picker,class:form-group-item-half link-form-input-accent-picker mb-0,type:color,value:#000000,tabindex:1,disabled");
       var accentColorHex = helper.node("input|id:link-form-input-accent-hex,class:form-group-item-half link-form-input-accent-hex mb-0,type:text,placeholder:Hex code,value:#000000,tabindex:1,maxlength:7,disabled");
-      var accentColorInputHelper = helper.node("p:Use this colour to override the global Accent colour.|class:link-form-input-accent-helper form-helper small muted disabled");
+      var accentColorInputHelper = helper.node("p:Use this colour to override the global accent colour.|class:link-form-input-accent-helper form-helper small muted disabled");
 
       groupExistingRadioWrap.appendChild(groupExistingRadio);
       groupExistingLable.appendChild(groupExistingLableIcon);
@@ -1150,7 +1150,7 @@ var link = (function() {
     },
     item: function() {
       var linkEmpty = helper.node("div|class:link-empty");
-      var para1 = helper.node("p:Empty group");
+      var para1 = helper.node("p:Empty Group");
       var buttonWrap = helper.node("div|class:button-wrap mb-0");
       var addButton = helper.node("button:Add a Bookmark|class:button mb-0,type:button,tabindex:1");
       buttonWrap.appendChild(addButton);
@@ -1348,7 +1348,7 @@ var link = (function() {
           pagelock.unlock();
         };
         modal.open({
-          heading: "Add a new bookmark",
+          heading: "Add a new Bookmark",
           successAction: successAction,
           cancelAction: cancelAction,
           actionText: "Add",
@@ -1395,7 +1395,7 @@ var link = (function() {
           pagelock.unlock();
         };
         modal.open({
-          heading: "Add a new group",
+          heading: "Add a new Group",
           successAction: successAction,
           cancelAction: cancelAction,
           actionText: "Add",
@@ -1521,7 +1521,7 @@ var link = (function() {
       stagedLink.position = JSON.parse(JSON.stringify(copyStagedLink.position));
       var heading;
       if (stagedLink.link.name != null && stagedLink.link.name != "") {
-        heading = "Remove " + stagedLink.link.name + " bookmark";
+        heading = "Remove " + stagedLink.link.name;
       } else {
         heading = "Remove unnamed bookmark";
       };
@@ -1567,7 +1567,7 @@ var link = (function() {
       stagedGroup.position = JSON.parse(JSON.stringify(copyStagedGroup.position));
       var heading;
       if (stagedGroup.group.name != null && stagedGroup.group.name != "") {
-        heading = "Remove " + stagedGroup.group.name + " group";
+        heading = "Remove " + stagedGroup.group.name;
       } else {
         heading = "Remove unnamed group";
       };