diff --git a/src/sass/views/tab-settings.scss b/src/sass/views/tab-settings.scss
index c77c2f679..b31dca0fa 100644
--- a/src/sass/views/tab-settings.scss
+++ b/src/sass/views/tab-settings.scss
@@ -3,6 +3,9 @@
   .icon-bitpay {
     background-image: url("../img/icon-bitpay.svg");
   }
+  .disabled {
+    color: $v-light-gray;
+  }
   .item {
     color: $v-dark-gray;
     border-color: rgba(221, 221, 221, 0.3);
diff --git a/www/views/preferences.html b/www/views/preferences.html
index e34c6c946..69e60f103 100644
--- a/www/views/preferences.html
+++ b/www/views/preferences.html
@@ -50,10 +50,13 @@
       </a>
       <div ng-show="wallet.canSign()">
         <ion-toggle ng-model="encryptEnabled.value" toggle-class="toggle-balanced" ng-change="encryptChange()" ng-disabled="wallet.needsBackup">
-          <span class="toggle-label" translate>Request Spending Password</span>
+          <span ng-class="{'disabled': wallet.needsBackup}" class="toggle-label" translate>Request Spending Password</span>
         </ion-toggle>
         <div class="comment" translate>
           If enabled, all sensitive information (private key and recovery phrase) and actions (spending and exporting) associated with this wallet will be protected.
+          <span class="text-light assertive" ng-show="wallet.needsBackup">
+            {{'Complete the backup process to use this option' | translate}}
+          </span>
         </div>
       </div>
       <div ng-show="wallet.canSign() && touchIdAvailable">