diff --git a/src/components/views/settings/Notifications.js b/src/components/views/settings/Notifications.js
index 792db55f79..bd68276cb6 100644
--- a/src/components/views/settings/Notifications.js
+++ b/src/components/views/settings/Notifications.js
@@ -28,13 +28,13 @@ var Modal = require('matrix-react-sdk/lib/Modal');
  * @enum {string}
  */
 var PushRuleVectorState = {
+    /** The push rule is disabled */
+    OFF: "off",
     /** The user will receive push notification for this rule */
     ON: "on",
     /** The user will receive push notification for this rule with sound and
         highlight if this is legitimate */
     LOUD: "loud",
-    /** The push rule is disabled */
-    OFF: "off"
 };
 
 // Encodes a dictionary of {
@@ -840,6 +840,13 @@ module.exports = React.createClass({
                     {title}
                 </th>
 
+                <th>
+                    <input className= {className + "-" + PushRuleVectorState.OFF}
+                        type="radio"
+                        checked={ pushRuleVectorState === PushRuleVectorState.OFF }
+                        onChange={ this.onNotifStateButtonClicked } />
+                </th>
+
                 <th>
                     <input className= {className + "-" + PushRuleVectorState.ON}
                         type="radio"
@@ -853,13 +860,6 @@ module.exports = React.createClass({
                         checked={ pushRuleVectorState === PushRuleVectorState.LOUD }
                         onChange={ this.onNotifStateButtonClicked } />
                 </th>
-
-                <th>
-                    <input className= {className + "-" + PushRuleVectorState.OFF}
-                        type="radio"
-                        checked={ pushRuleVectorState === PushRuleVectorState.OFF }
-                        onChange={ this.onNotifStateButtonClicked } />
-                </th>
             </tr>
         );
     },
@@ -997,9 +997,9 @@ module.exports = React.createClass({
                             <thead>
                                 <tr>
                                     <th width="55%"></th>
+                                    <th width="15%">Off</th>
                                     <th width="15%">On</th>
                                     <th width="15%">Loud</th>
-                                    <th width="15%">Off</th>
                                 </tr>
                             </thead>
                             <tbody>