diff --git a/src/_locales/en/messages.json b/src/_locales/en/messages.json
index 19b29592f54..3b83aae2bec 100644
--- a/src/_locales/en/messages.json
+++ b/src/_locales/en/messages.json
@@ -902,7 +902,7 @@
     "message": "Automatic TOTP Copy after Page Load"
   },
   "enableAutoTotpCopyOnAutoFillDesc": {
-    "message": "If Auto-fill On Page Load is enabled, and your login has an authenticator key attached to it, the TOTP verification code is automatically copied to your clipboard after loading the web page."
+    "message": "If Auto-fill On Page Load is enabled, the TOTP verification code is automatically copied to your clipboard after loading the web page. This is overridden by Disable Automatic TOTP Copy."
   },
   "experimentalFeature": {
     "message": "This is currently an experimental feature. Use at your own risk."
diff --git a/src/popup/scss/box.scss b/src/popup/scss/box.scss
index 11341c69f35..f53719af1ea 100644
--- a/src/popup/scss/box.scss
+++ b/src/popup/scss/box.scss
@@ -164,6 +164,15 @@
     flex-direction: column;
 }
 
+.box-section-divider {
+    border-top: 1px solid #000000;
+    padding-top: 10px;
+
+    @include themify($themes) {
+        border-color: themed('borderColor');
+    }
+}
+
 .box-content-row {
     display: block;
     padding: 10px 15px;
diff --git a/src/popup/settings/options.component.html b/src/popup/settings/options.component.html
index 8d82dfc5ed2..fd7563a12df 100644
--- a/src/popup/settings/options.component.html
+++ b/src/popup/settings/options.component.html
@@ -12,139 +12,166 @@
 </header>
 <content>
     <div class="box">
-        <div class="box-content">
-            <div class="box-content-row box-content-row-checkbox" appBoxRow>
-                <label for="autofill">{{'enableAutoFillOnPageLoad' | i18n}}</label>
-                <input id="autofill" type="checkbox" (change)="updateAutoFillOnPageLoad()"
-                    [(ngModel)]="enableAutoFillOnPageLoad">
-            </div>
-        </div>
-        <div class="box-footer">
-            {{'enableAutoFillOnPageLoadDesc' | i18n}}
-            <b>{{'warning' | i18n}}</b>: {{'experimentalFeature' | i18n}}
+        <div class="box-header-expandable" (click)="showGeneral = !showGeneral">
+            General
+            <i *ngIf="!showGeneral" class="fa fa-chevron-down fa-sm icon"></i>
+            <i *ngIf="showGeneral" class="fa fa-chevron-up fa-sm icon"></i>
         </div>
     </div>
-    <div class="box">
-        <div class="box-content">
-            <div class="box-content-row box-content-row-checkbox" appBoxRow>
-                <label for="autoCopyTotp">{{'enableAutoTotpCopyOnAutoFill' | i18n}}</label>
-                <input id="autoCopyTotp" type="checkbox" (change)="updateAutoTotpCopyOnAutoFill()"
-                    [(ngModel)]="enableAutoTotpCopyOnAutoFill" [disabled]="!enableAutoFillOnPageLoad">
+    <ng-container *ngIf="showGeneral">
+        <div class="box">
+            <div class="box-content">
+                <div class="box-content-row" appBoxRow>
+                    <label for="defaultUriMatch">{{'defaultUriMatchDetection' | i18n}}</label>
+                    <select id="defaultUriMatch" name="DefaultUriMatch" [(ngModel)]="defaultUriMatch"
+                        (change)="saveDefaultUriMatch()">
+                        <option *ngFor="let o of uriMatchOptions" [ngValue]="o.value">{{o.name}}</option>
+                    </select>
+                </div>
             </div>
+            <div class="box-footer">{{'defaultUriMatchDetectionDesc' | i18n}}</div>
         </div>
-        <div class="box-footer">
-            {{'enableAutoTotpCopyOnAutoFillDesc' | i18n}}
+        <div class="box" *ngIf="showClearClipboard">
+            <div class="box-content">
+                <div class="box-content-row" appBoxRow>
+                    <label for="clearClipboard">{{'clearClipboard' | i18n}}</label>
+                    <select id="clearClipboard" name="ClearClipboard" [(ngModel)]="clearClipboard"
+                        (change)="saveClearClipboard()">
+                        <option *ngFor="let o of clearClipboardOptions" [ngValue]="o.value">{{o.name}}</option>
+                    </select>
+                </div>
+            </div>
+            <div class="box-footer">{{'clearClipboardDesc' | i18n}}</div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <div class="box-content-row box-content-row-checkbox" appBoxRow>
+                    <label for="totp">{{'disableAutoTotpCopy' | i18n}}</label>
+                    <input id="totp" type="checkbox" (change)="updateAutoTotpCopy()" [(ngModel)]="disableAutoTotpCopy">
+                </div>
+            </div>
+            <div class="box-footer">{{'disableAutoTotpCopyDesc' | i18n}}</div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <div class="box-content-row box-content-row-checkbox" appBoxRow>
+                    <label for="addlogin-notification-bar">{{'disableAddLoginNotification' | i18n}}</label>
+                    <input id="addlogin-notification-bar" type="checkbox" (change)="updateAddLoginNotification()"
+                        [(ngModel)]="disableAddLoginNotification">
+                </div>
+            </div>
+            <div class="box-footer">{{'addLoginNotificationDesc' | i18n}}</div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <div class="box-content-row box-content-row-checkbox" appBoxRow>
+                    <label for="changedpass-notification-bar">{{'disableChangedPasswordNotification' | i18n}}</label>
+                    <input id="changedpass-notification-bar" type="checkbox" (change)="updateChangedPasswordNotification()"
+                        [(ngModel)]="disableChangedPasswordNotification">
+                </div>
+            </div>
+            <div class="box-footer">{{'disableChangedPasswordNotificationDesc' | i18n}}</div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <div class="box-content-row box-content-row-checkbox" appBoxRow>
+                    <label for="context-menu">{{'disableContextMenuItem' | i18n}}</label>
+                    <input id="context-menu" type="checkbox" (change)="updateDisableContextMenuItem()"
+                        [(ngModel)]="disableContextMenuItem">
+                </div>
+            </div>
+            <div class="box-footer">{{'disableContextMenuItemDesc' | i18n}}</div>
+        </div>
+    </ng-container>
+    <div class="box box-section-divider">
+        <div class="box-header-expandable" (click)="showDisplay = !showDisplay">
+            Display
+            <i *ngIf="!showDisplay" class="fa fa-chevron-down fa-sm icon"></i>
+            <i *ngIf="showDisplay" class="fa fa-chevron-up fa-sm icon"></i>
         </div>
     </div>
-    <div class="box">
-        <div class="box-content">
-            <div class="box-content-row" appBoxRow>
-                <label for="defaultUriMatch">{{'defaultUriMatchDetection' | i18n}}</label>
-                <select id="defaultUriMatch" name="DefaultUriMatch" [(ngModel)]="defaultUriMatch"
-                    (change)="saveDefaultUriMatch()">
-                    <option *ngFor="let o of uriMatchOptions" [ngValue]="o.value">{{o.name}}</option>
-                </select>
+    <ng-container *ngIf="showDisplay">
+        <div class="box">
+            <div class="box-content">
+                <div class="box-content-row box-content-row-checkbox" appBoxRow>
+                    <label for="dontShowCards">{{'dontShowCardsCurrentTab' | i18n}}</label>
+                    <input id="dontShowCards" type="checkbox" (change)="updateShowCards()" [(ngModel)]="dontShowCards">
+                </div>
+            </div>
+            <div class="box-footer">{{'dontShowCardsCurrentTabDesc' | i18n}}</div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <div class="box-content-row box-content-row-checkbox" appBoxRow>
+                    <label for="dontShowIdentities">{{'dontShowIdentitiesCurrentTab' | i18n}}</label>
+                    <input id="dontShowIdentities" type="checkbox" (change)="updateShowIdentities()"
+                        [(ngModel)]="dontShowIdentities">
+                </div>
+            </div>
+            <div class="box-footer">{{'dontShowIdentitiesCurrentTabDesc' | i18n}}</div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <div class="box-content-row box-content-row-checkbox" appBoxRow>
+                    <label for="favicon">{{'disableFavicon' | i18n}}</label>
+                    <input id="favicon" type="checkbox" (change)="updateDisableFavicon()" [(ngModel)]="disableFavicon">
+                </div>
+            </div>
+            <div class="box-footer">{{'disableFaviconDesc' | i18n}}</div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <div class="box-content-row box-content-row-checkbox" appBoxRow>
+                    <label for="badge">{{'disableBadgeCounter' | i18n}}</label>
+                    <input id="badge" type="checkbox" (change)="updateDisableBadgeCounter()" [(ngModel)]="disableBadgeCounter">
+                </div>
+            </div>
+            <div class="box-footer">{{'disableBadgeCounterDesc' | i18n}}</div>
+        </div>
+        <div class="box">
+            <div class="box-content">
+                <div class="box-content-row" appBoxRow>
+                    <label for="theme">{{'theme' | i18n}}</label>
+                    <select id="theme" name="Theme" [(ngModel)]="theme" (change)="saveTheme()">
+                        <option *ngFor="let o of themeOptions" [ngValue]="o.value">{{o.name}}</option>
+                    </select>
+                </div>
+            </div>
+            <div class="box-footer">{{'themeDesc' | i18n}}</div>
+        </div>
+    </ng-container>
+    <div class="box box-section-divider">
+        <div class="box-header-expandable" (click)="showAutofill = !showAutofill">
+            Autofill
+            <i *ngIf="!showAutofill" class="fa fa-chevron-down fa-sm icon"></i>
+            <i *ngIf="showAutofill" class="fa fa-chevron-up fa-sm icon"></i>
+        </div>
+    </div>
+    <ng-container *ngIf="showAutofill">
+        <div class="box">
+            <div class="box-content">
+                <div class="box-content-row box-content-row-checkbox" appBoxRow>
+                    <label for="autofill">{{'enableAutoFillOnPageLoad' | i18n}}</label>
+                    <input id="autofill" type="checkbox" (change)="updateAutoFillOnPageLoad()"
+                        [(ngModel)]="enableAutoFillOnPageLoad">
+                </div>
+            </div>
+            <div class="box-footer">
+                {{'enableAutoFillOnPageLoadDesc' | i18n}}
+                <b>{{'warning' | i18n}}</b>: {{'experimentalFeature' | i18n}}
             </div>
         </div>
-        <div class="box-footer">{{'defaultUriMatchDetectionDesc' | i18n}}</div>
-    </div>
-    <div class="box" *ngIf="showClearClipboard">
-        <div class="box-content">
-            <div class="box-content-row" appBoxRow>
-                <label for="clearClipboard">{{'clearClipboard' | i18n}}</label>
-                <select id="clearClipboard" name="ClearClipboard" [(ngModel)]="clearClipboard"
-                    (change)="saveClearClipboard()">
-                    <option *ngFor="let o of clearClipboardOptions" [ngValue]="o.value">{{o.name}}</option>
-                </select>
+        <div class="box">
+            <div class="box-content">
+                <div class="box-content-row box-content-row-checkbox" appBoxRow>
+                    <label for="autoCopyTotp">{{'enableAutoTotpCopyOnAutoFill' | i18n}}</label>
+                    <input id="autoCopyTotp" type="checkbox" (change)="updateAutoTotpCopyOnAutoFill()"
+                        [(ngModel)]="enableAutoTotpCopyOnAutoFill" [disabled]="!enableAutoFillOnPageLoad">
+                </div>
+            </div>
+            <div class="box-footer">
+                {{'enableAutoTotpCopyOnAutoFillDesc' | i18n}}
             </div>
         </div>
-        <div class="box-footer">{{'clearClipboardDesc' | i18n}}</div>
-    </div>
-    <div class="box">
-        <div class="box-content">
-            <div class="box-content-row box-content-row-checkbox" appBoxRow>
-                <label for="totp">{{'disableAutoTotpCopy' | i18n}}</label>
-                <input id="totp" type="checkbox" (change)="updateAutoTotpCopy()" [(ngModel)]="disableAutoTotpCopy">
-            </div>
-        </div>
-        <div class="box-footer">{{'disableAutoTotpCopyDesc' | i18n}}</div>
-    </div>
-    <div class="box">
-        <div class="box-content">
-            <div class="box-content-row box-content-row-checkbox" appBoxRow>
-                <label for="dontShowCards">{{'dontShowCardsCurrentTab' | i18n}}</label>
-                <input id="dontShowCards" type="checkbox" (change)="updateShowCards()" [(ngModel)]="dontShowCards">
-            </div>
-        </div>
-        <div class="box-footer">{{'dontShowCardsCurrentTabDesc' | i18n}}</div>
-    </div>
-    <div class="box">
-        <div class="box-content">
-            <div class="box-content-row box-content-row-checkbox" appBoxRow>
-                <label for="dontShowIdentities">{{'dontShowIdentitiesCurrentTab' | i18n}}</label>
-                <input id="dontShowIdentities" type="checkbox" (change)="updateShowIdentities()"
-                    [(ngModel)]="dontShowIdentities">
-            </div>
-        </div>
-        <div class="box-footer">{{'dontShowIdentitiesCurrentTabDesc' | i18n}}</div>
-    </div>
-    <div class="box">
-        <div class="box-content">
-            <div class="box-content-row box-content-row-checkbox" appBoxRow>
-                <label for="addlogin-notification-bar">{{'disableAddLoginNotification' | i18n}}</label>
-                <input id="addlogin-notification-bar" type="checkbox" (change)="updateAddLoginNotification()"
-                    [(ngModel)]="disableAddLoginNotification">
-            </div>
-        </div>
-        <div class="box-footer">{{'addLoginNotificationDesc' | i18n}}</div>
-    </div>
-    <div class="box">
-        <div class="box-content">
-            <div class="box-content-row box-content-row-checkbox" appBoxRow>
-                <label for="changedpass-notification-bar">{{'disableChangedPasswordNotification' | i18n}}</label>
-                <input id="changedpass-notification-bar" type="checkbox" (change)="updateChangedPasswordNotification()"
-                    [(ngModel)]="disableChangedPasswordNotification">
-            </div>
-        </div>
-        <div class="box-footer">{{'disableChangedPasswordNotificationDesc' | i18n}}</div>
-    </div>
-    <div class="box">
-        <div class="box-content">
-            <div class="box-content-row box-content-row-checkbox" appBoxRow>
-                <label for="context-menu">{{'disableContextMenuItem' | i18n}}</label>
-                <input id="context-menu" type="checkbox" (change)="updateDisableContextMenuItem()"
-                    [(ngModel)]="disableContextMenuItem">
-            </div>
-        </div>
-        <div class="box-footer">{{'disableContextMenuItemDesc' | i18n}}</div>
-    </div>
-    <div class="box">
-        <div class="box-content">
-            <div class="box-content-row box-content-row-checkbox" appBoxRow>
-                <label for="favicon">{{'disableFavicon' | i18n}}</label>
-                <input id="favicon" type="checkbox" (change)="updateDisableFavicon()" [(ngModel)]="disableFavicon">
-            </div>
-        </div>
-        <div class="box-footer">{{'disableFaviconDesc' | i18n}}</div>
-    </div>
-    <div class="box">
-        <div class="box-content">
-            <div class="box-content-row box-content-row-checkbox" appBoxRow>
-                <label for="badge">{{'disableBadgeCounter' | i18n}}</label>
-                <input id="badge" type="checkbox" (change)="updateDisableBadgeCounter()" [(ngModel)]="disableBadgeCounter">
-            </div>
-        </div>
-        <div class="box-footer">{{'disableBadgeCounterDesc' | i18n}}</div>
-    </div>
-    <div class="box">
-        <div class="box-content">
-            <div class="box-content-row" appBoxRow>
-                <label for="theme">{{'theme' | i18n}}</label>
-                <select id="theme" name="Theme" [(ngModel)]="theme" (change)="saveTheme()">
-                    <option *ngFor="let o of themeOptions" [ngValue]="o.value">{{o.name}}</option>
-                </select>
-            </div>
-        </div>
-        <div class="box-footer">{{'themeDesc' | i18n}}</div>
-    </div>
+    </ng-container>
 </content>
diff --git a/src/popup/settings/options.component.ts b/src/popup/settings/options.component.ts
index abe528f15d0..355e47a328c 100644
--- a/src/popup/settings/options.component.ts
+++ b/src/popup/settings/options.component.ts
@@ -36,6 +36,9 @@ export class OptionsComponent implements OnInit {
     uriMatchOptions: any[];
     clearClipboard: number;
     clearClipboardOptions: any[];
+    showGeneral: boolean = true;
+    showAutofill: boolean = true;
+    showDisplay: boolean = true;
 
     constructor(private messagingService: MessagingService, private storageService: StorageService,
         private stateService: StateService, private totpService: TotpService, i18nService: I18nService) {
diff --git a/src/services/autofill.service.ts b/src/services/autofill.service.ts
index f61236b5697..08f7b41a2a9 100644
--- a/src/services/autofill.service.ts
+++ b/src/services/autofill.service.ts
@@ -258,10 +258,10 @@ export default class AutofillService implements AutofillServiceInterface {
         if (cipher.reprompt !== CipherRepromptType.None) {
             return;
         }
-                
+
         const copyTotpOnAutoFill = await this.totpService.isAutoCopyOnAutoFillEnabled();
         const shouldCopyTotp = fromCommand || copyTotpOnAutoFill;
-                
+
         const totpCode = await this.doAutoFill({
             cipher: cipher,
             pageDetails: pageDetails,