diff --git a/src/app/app.html b/src/app/app.html
index df46b4b..7691d02 100644
--- a/src/app/app.html
+++ b/src/app/app.html
@@ -154,7 +154,7 @@
     <div class="scrolling-content" infiniteScroll (scrollAction)="onInfiniteScroll()">
       <router-outlet></router-outlet>
     </div>
-    <app-media-player *ngIf="options.options.showMediaPlayer"></app-media-player>
+    <app-media-player *ngIf="options.values.showMediaPlayer"></app-media-player>
 
     <!-- <div class="scrolling-content" appDetectScroll (onScroll)="onScroll($event)" [bottomOffset]="300" [topOffset]="300">
       <router-outlet></router-outlet>
diff --git a/src/app/feed-private/feed-private.html b/src/app/feed-private/feed-private.html
index 631f043..d9c01d4 100644
--- a/src/app/feed-private/feed-private.html
+++ b/src/app/feed-private/feed-private.html
@@ -19,11 +19,11 @@
           <mat-panel-description>{{ activeOptions() }}</mat-panel-description>
         </mat-expansion-panel-header>
         <!-- <p>
-          <mat-slide-toggle class="options-slider" [(ngModel)]="options.options.flatfeed" (ngModelChange)="optionsUpdated()">Flat Feed (turn off threads)</mat-slide-toggle>
-          <mat-slide-toggle class="options-slider" [(ngModel)]="options.options.ascending" (ngModelChange)="optionsUpdated()">Oldest first</mat-slide-toggle>
-          <mat-slide-toggle class="options-slider" [(ngModel)]="options.options.paused">Pause feed</mat-slide-toggle>
-          <mat-slide-toggle class="options-slider" [(ngModel)]="options.options.hideSpam" (ngModelChange)="optionsUpdated()">Hide spam</mat-slide-toggle>
-          <mat-slide-toggle class="options-slider" [(ngModel)]="options.options.hideInvoice" (ngModelChange)="optionsUpdated()">Hide LN invoices</mat-slide-toggle>
+          <mat-slide-toggle class="options-slider" [(ngModel)]="options.values.flatfeed" (ngModelChange)="optionsUpdated()">Flat Feed (turn off threads)</mat-slide-toggle>
+          <mat-slide-toggle class="options-slider" [(ngModel)]="options.values.ascending" (ngModelChange)="optionsUpdated()">Oldest first</mat-slide-toggle>
+          <mat-slide-toggle class="options-slider" [(ngModel)]="options.values.paused">Pause feed</mat-slide-toggle>
+          <mat-slide-toggle class="options-slider" [(ngModel)]="options.values.hideSpam" (ngModelChange)="optionsUpdated()">Hide spam</mat-slide-toggle>
+          <mat-slide-toggle class="options-slider" [(ngModel)]="options.values.hideInvoice" (ngModelChange)="optionsUpdated()">Hide LN invoices</mat-slide-toggle>
         </p> -->
       </mat-expansion-panel>
     </mat-accordion>
diff --git a/src/app/feed-private/feed-private.ts b/src/app/feed-private/feed-private.ts
index 21cd217..d84d19c 100644
--- a/src/app/feed-private/feed-private.ts
+++ b/src/app/feed-private/feed-private.ts
@@ -146,17 +146,17 @@ export class FeedPrivateComponent {
   feedChanged($event: any, type: string) {
     if (type === 'public') {
       // If user choose public and set the value to values, we'll turn on the private.
-      if (!this.options.options.publicFeed) {
-        this.options.options.privateFeed = true;
+      if (!this.options.values.publicFeed) {
+        this.options.values.privateFeed = true;
       } else {
-        this.options.options.privateFeed = false;
+        this.options.values.privateFeed = false;
       }
     } else {
       // If user choose private and set the value to values, we'll turn on the public.
-      if (!this.options.options.privateFeed) {
-        this.options.options.publicFeed = true;
+      if (!this.options.values.privateFeed) {
+        this.options.values.publicFeed = true;
       } else {
-        this.options.options.publicFeed = false;
+        this.options.values.publicFeed = false;
       }
     }
   }
@@ -176,7 +176,7 @@ export class FeedPrivateComponent {
 
   async ngOnInit() {
     this.appState.updateTitle('Following Notes');
-    this.options.options.privateFeed = true;
+    this.options.values.privateFeed = true;
 
     this.subscriptions.push(
       this.navigation.showMore$.subscribe(() => {
diff --git a/src/app/feed-public/feed-public.html b/src/app/feed-public/feed-public.html
index 78f24cb..5d9347b 100644
--- a/src/app/feed-public/feed-public.html
+++ b/src/app/feed-public/feed-public.html
@@ -11,9 +11,9 @@
         <!-- <mat-slide-toggle class="options-slider" (change)="feedChanged($event, 'private')" [(ngModel)]="settings.options.privateFeed">My feed</mat-slide-toggle>
         <mat-slide-toggle class="options-slider" (change)="feedChanged($event, 'public')" [(ngModel)]="settings.options.publicFeed">Public feed</mat-slide-toggle>
         <br /><br /> -->
-        <mat-slide-toggle class="options-slider" [(ngModel)]="options.options.paused">Pause feed</mat-slide-toggle>
-        <mat-slide-toggle class="options-slider" [(ngModel)]="options.options.hideSpam" (ngModelChange)="optionsUpdated()">Hide spam</mat-slide-toggle>
-        <mat-slide-toggle class="options-slider" [(ngModel)]="options.options.hideInvoice" (ngModelChange)="optionsUpdated()">Hide LN invoices</mat-slide-toggle>
+        <mat-slide-toggle class="options-slider" [(ngModel)]="options.values.paused">Pause feed</mat-slide-toggle>
+        <mat-slide-toggle class="options-slider" [(ngModel)]="options.values.hideSpam" (ngModelChange)="optionsUpdated()">Hide spam</mat-slide-toggle>
+        <mat-slide-toggle class="options-slider" [(ngModel)]="options.values.hideInvoice" (ngModelChange)="optionsUpdated()">Hide LN invoices</mat-slide-toggle>
 
         <!-- <mat-checkbox [(ngModel)]="settings.options.hideSpam" color="primary" (ngModelChange)="optionsUpdated()"> Only </mat-checkbox>
         <mat-checkbox [(ngModel)]="settings.options.hideSpam" color="primary" (ngModelChange)="optionsUpdated()"> Hide spam </mat-checkbox>
diff --git a/src/app/feed-public/feed-public.ts b/src/app/feed-public/feed-public.ts
index 47ee442..25292e8 100644
--- a/src/app/feed-public/feed-public.ts
+++ b/src/app/feed-public/feed-public.ts
@@ -52,13 +52,13 @@ export class FeedPublicComponent {
   activeOptions() {
     let options = '';
 
-    if (this.options.options.hideSpam) {
+    if (this.options.values.hideSpam) {
       options += ' Spam: Filtered';
     } else {
       options += ' Spam: Allowed';
     }
 
-    if (this.options.options.hideInvoice) {
+    if (this.options.values.hideInvoice) {
       options += ' Invoices: Hidden';
     } else {
       options += ' Invoices: Displayed';
@@ -97,7 +97,7 @@ export class FeedPublicComponent {
     this.events = [];
 
     this.sub.on('event', (originalEvent: any) => {
-      if (this.options.options.paused) {
+      if (this.options.values.paused) {
         return;
       }
 
@@ -248,17 +248,17 @@ export class FeedPublicComponent {
   feedChanged($event: any, type: string) {
     if (type === 'public') {
       // If user choose public and set the value to values, we'll turn on the private.
-      if (!this.options.options.publicFeed) {
-        this.options.options.privateFeed = true;
+      if (!this.options.values.publicFeed) {
+        this.options.values.privateFeed = true;
       } else {
-        this.options.options.privateFeed = false;
+        this.options.values.privateFeed = false;
       }
     } else {
       // If user choose private and set the value to values, we'll turn on the public.
-      if (!this.options.options.privateFeed) {
-        this.options.options.publicFeed = true;
+      if (!this.options.values.privateFeed) {
+        this.options.values.publicFeed = true;
       } else {
-        this.options.options.publicFeed = false;
+        this.options.values.publicFeed = false;
       }
     }
   }
@@ -279,7 +279,7 @@ export class FeedPublicComponent {
   );
 
   async ngOnInit() {
-    this.options.options.privateFeed = true;
+    this.options.values.privateFeed = true;
 
     // useReactiveContext // New construct in Angular 14 for subscription.
     // https://medium.com/generic-ui/the-new-way-of-subscribing-in-an-angular-component-f74ef79a8ffc
diff --git a/src/app/feed/feed.ts b/src/app/feed/feed.ts
index 9b5ace6..3691464 100644
--- a/src/app/feed/feed.ts
+++ b/src/app/feed/feed.ts
@@ -138,17 +138,17 @@ export class FeedComponent {
   feedChanged($event: any, type: string) {
     if (type === 'public') {
       // If user choose public and set the value to values, we'll turn on the private.
-      if (!this.options.options.publicFeed) {
-        this.options.options.privateFeed = true;
+      if (!this.options.values.publicFeed) {
+        this.options.values.privateFeed = true;
       } else {
-        this.options.options.privateFeed = false;
+        this.options.values.privateFeed = false;
       }
     } else {
       // If user choose private and set the value to values, we'll turn on the public.
-      if (!this.options.options.privateFeed) {
-        this.options.options.publicFeed = true;
+      if (!this.options.values.privateFeed) {
+        this.options.values.publicFeed = true;
       } else {
-        this.options.options.publicFeed = false;
+        this.options.values.publicFeed = false;
       }
     }
   }
@@ -164,7 +164,7 @@ export class FeedComponent {
   // }
 
   async ngOnInit() {
-    this.options.options.privateFeed = true;
+    this.options.values.privateFeed = true;
 
     // useReactiveContext // New construct in Angular 14 for subscription.
     // https://medium.com/generic-ui/the-new-way-of-subscribing-in-an-angular-component-f74ef79a8ffc
diff --git a/src/app/home/home.ts b/src/app/home/home.ts
index eb7f4c3..b88f7aa 100644
--- a/src/app/home/home.ts
+++ b/src/app/home/home.ts
@@ -460,17 +460,17 @@ export class HomeComponent {
   feedChanged($event: any, type: string) {
     if (type === 'public') {
       // If user choose public and set the value to values, we'll turn on the private.
-      if (!this.options.options.publicFeed) {
-        this.options.options.privateFeed = true;
+      if (!this.options.values.publicFeed) {
+        this.options.values.privateFeed = true;
       } else {
-        this.options.options.privateFeed = false;
+        this.options.values.privateFeed = false;
       }
     } else {
       // If user choose private and set the value to values, we'll turn on the public.
-      if (!this.options.options.privateFeed) {
-        this.options.options.publicFeed = true;
+      if (!this.options.values.privateFeed) {
+        this.options.values.publicFeed = true;
       } else {
-        this.options.options.publicFeed = false;
+        this.options.values.publicFeed = false;
       }
     }
   }
@@ -486,7 +486,7 @@ export class HomeComponent {
   // }
 
   async ngOnInit() {
-    this.options.options.privateFeed = true;
+    this.options.values.privateFeed = true;
 
     // useReactiveContext // New construct in Angular 14 for subscription.
     // https://medium.com/generic-ui/the-new-way-of-subscribing-in-an-angular-component-f74ef79a8ffc
diff --git a/src/app/note/note.html b/src/app/note/note.html
index 7933bfd..ea25498 100644
--- a/src/app/note/note.html
+++ b/src/app/note/note.html
@@ -8,7 +8,7 @@
         <mat-panel-description></mat-panel-description>
       </mat-expansion-panel-header>
       <p>
-        <mat-slide-toggle class="options-slider" (change)="optionsService.save()" [(ngModel)]="optionsService.options.showLines">Show lines</mat-slide-toggle>
+        <mat-slide-toggle class="options-slider" (change)="optionsService.save()" [(ngModel)]="optionsService.values.showLines">Show lines</mat-slide-toggle>
       </p>
     </mat-expansion-panel>
   </mat-accordion>
@@ -45,7 +45,7 @@
       <app-event-header [pubkey]="event.pubkey"> <app-date [date]="event.created_at"> </app-date> <app-directory-icon [pubkey]="event.pubkey"></app-directory-icon></app-event-header>
       <app-event-actions [event]="event" [pubkey]="event.pubkey"></app-event-actions>
     </div>
-    <app-content class="thread-content" [ngClass]="{ 'no-lines': !optionsService.options.showLines, 'lines': optionsService.options.showLines }" [event]="event"></app-content>
+    <app-content class="thread-content" [ngClass]="{ 'no-lines': !optionsService.values.showLines, 'lines': optionsService.values.showLines }" [event]="event"></app-content>
     <app-event-reactions class="thread-reactions" [threadEntry]="thread.getTreeEntry(thread.threadId)"></app-event-reactions>
     <app-event-buttons [event]="event"></app-event-buttons>
   </div>
@@ -55,7 +55,7 @@
       <app-event-header [pubkey]="event.pubkey"><app-date [date]="event.created_at"> </app-date> <app-directory-icon [pubkey]="event.pubkey"></app-directory-icon></app-event-header>
       <app-event-actions [event]="event" [pubkey]="event.pubkey"></app-event-actions>
     </div>
-    <app-content class="thread-content" [ngClass]="{ 'no-lines': !optionsService.options.showLines, 'lines': optionsService.options.showLines }" [event]="event"></app-content>
+    <app-content class="thread-content" [ngClass]="{ 'no-lines': !optionsService.values.showLines, 'lines': optionsService.values.showLines }" [event]="event"></app-content>
     <app-event-reactions class="thread-reactions" [threadEntry]="thread.getTreeEntry(thread.threadId)"></app-event-reactions>
     <app-event-buttons [event]="event"></app-event-buttons>
     <app-event-thread [threadEntry]="thread.getTreeEntry(thread.threadId)"></app-event-thread>
diff --git a/src/app/note/note.ts b/src/app/note/note.ts
index 7aa3ecc..bddc6bd 100644
--- a/src/app/note/note.ts
+++ b/src/app/note/note.ts
@@ -137,13 +137,13 @@ export class NoteComponent {
   // activeOptions() {
   //   let options = '';
 
-  //   if (this.options.options.hideSpam) {
+  //   if (this.options.values.hideSpam) {
   //     options += ' Spam: Filtered';
   //   } else {
   //     options += ' Spam: Allowed';
   //   }
 
-  //   if (this.options.options.hideInvoice) {
+  //   if (this.options.values.hideInvoice) {
   //     options += ' Invoices: Hidden';
   //   } else {
   //     options += ' Invoices: Displayed';
diff --git a/src/app/services/data-validation.ts b/src/app/services/data-validation.ts
index 2b95276..728dc2c 100644
--- a/src/app/services/data-validation.ts
+++ b/src/app/services/data-validation.ts
@@ -41,13 +41,13 @@ export class DataValidation {
   }
 
   filterEvent(event: NostrEvent) {
-    if (this.options.options.hideInvoice) {
+    if (this.options.values.hideInvoice) {
       if (event.content.indexOf('lnbc') > -1) {
         return null;
       }
     }
 
-    if (this.options.options.hideSpam) {
+    if (this.options.values.hideSpam) {
       // If the first 200 characters does not contain a space, just filter it out.
       if (event.content.substring(0, 200).indexOf(' ') == -1) {
         return null;
diff --git a/src/app/services/feed.ts b/src/app/services/feed.ts
index 42800e5..12ed9f9 100644
--- a/src/app/services/feed.ts
+++ b/src/app/services/feed.ts
@@ -88,7 +88,7 @@
 //   get threadedEvents$(): Observable<NostrEventDocument[]> {
 //     return this.events$.pipe(
 //       map((data) => {
-//         if (this.options.options.flatfeed) {
+//         if (this.options.values.flatfeed) {
 //           return data;
 //           // return data.filter((events) => !events.tags.find((t) => t[0] === 'e'));
 //         } else {
diff --git a/src/app/services/media.ts b/src/app/services/media.ts
index add2422..0855cd9 100644
--- a/src/app/services/media.ts
+++ b/src/app/services/media.ts
@@ -70,12 +70,12 @@ export class MediaService {
 
     this.index = -1;
     this.current = undefined;
-    this.options.options.showMediaPlayer = false;
+    this.options.values.showMediaPlayer = false;
     this.media = [];
   }
 
   play(file: MediaItem) {
-    this.options.options.showMediaPlayer = true;
+    this.options.values.showMediaPlayer = true;
     this.media = [];
     this.media.push(file);
 
@@ -86,7 +86,7 @@ export class MediaService {
 
   enque(file: MediaItem) {
     // TODO: Clean the file.source URL!
-    this.options.options.showMediaPlayer = true;
+    this.options.values.showMediaPlayer = true;
     this.media.push(file);
     // this.snackBar.open('Added to media queue', 'Hide', {
     //   duration: 1500,
@@ -110,7 +110,7 @@ export class MediaService {
 
     this.current = file;
 
-    this.options.options.showMediaPlayer = true;
+    this.options.values.showMediaPlayer = true;
 
     if (!this.audio) {
       this.audio = new Audio(file.source);
diff --git a/src/app/services/options.ts b/src/app/services/options.ts
index 6c9a71b..e3f515f 100644
--- a/src/app/services/options.ts
+++ b/src/app/services/options.ts
@@ -10,6 +10,7 @@ export interface Options {
   ascending?: boolean;
   showLines: boolean;
   showMediaPlayer?: boolean;
+  enableSpotify?: boolean;
 }
 
 @Injectable({
@@ -20,16 +21,16 @@ export class OptionsService {
     this.load();
   }
 
-  options: Options = { showLines: true };
-  
+  values: Options = { showLines: true };
+
   load() {
     let options = localStorage.getItem('blockcore:notes:nostr:options');
     if (options) {
-      this.options = JSON.parse(options);
+      this.values = JSON.parse(options);
     }
   }
 
   save() {
-    localStorage.setItem('blockcore:notes:nostr:options', JSON.stringify(this.options));
+    localStorage.setItem('blockcore:notes:nostr:options', JSON.stringify(this.values));
   }
 }
diff --git a/src/app/settings/settings.html b/src/app/settings/settings.html
index 6a0f0d7..8047b62 100644
--- a/src/app/settings/settings.html
+++ b/src/app/settings/settings.html
@@ -69,6 +69,15 @@
             <div class="dimmed">Click the button to make Blockcore Notes handle links on websites for npub, nevent and nprofile.</div>
           </mat-card-content>
         </mat-card>
+
+        <br />
+
+        <!-- <mat-card>
+          <mat-card-content>
+            <p>Enable this to allow the app to render Spotify widgets when URLs linked to Spotify is seen in notes.</p>
+            <mat-slide-toggle class="options-slider" (change)="optionsService.save()" [(ngModel)]="optionsService.values.enableSpotify">Enable Spotify integration</mat-slide-toggle>
+          </mat-card-content>
+        </mat-card> -->
       </div>
     </ng-template>
   </mat-tab>
diff --git a/src/app/settings/settings.ts b/src/app/settings/settings.ts
index cf59236..864a9b4 100644
--- a/src/app/settings/settings.ts
+++ b/src/app/settings/settings.ts
@@ -10,6 +10,7 @@ import { ProfileService } from '../services/profile';
 import { RelayService } from '../services/relay';
 import { ThemeService } from '../services/theme';
 import { AddRelayDialog, AddRelayDialogData } from '../shared/add-relay-dialog/add-relay-dialog';
+import { OptionsService } from '../services/options';
 
 @Component({
   selector: 'app-settings',
@@ -24,7 +25,15 @@ export class SettingsComponent {
   wipedNotes = false;
   open = false;
 
-  constructor(public relayService: RelayService, public dialog: MatDialog, public appState: ApplicationState, private profileService: ProfileService, public theme: ThemeService, private db: StorageService) {}
+  constructor(
+    public optionsService: OptionsService,
+    public relayService: RelayService,
+    public dialog: MatDialog,
+    public appState: ApplicationState,
+    private profileService: ProfileService,
+    public theme: ThemeService,
+    private db: StorageService
+  ) {}
 
   toggle() {
     if (this.open) {
diff --git a/src/app/shared/content-music/content-music.ts b/src/app/shared/content-music/content-music.ts
index 670df97..7c7cdfd 100644
--- a/src/app/shared/content-music/content-music.ts
+++ b/src/app/shared/content-music/content-music.ts
@@ -37,7 +37,7 @@ export class ContentMusicComponent {
   constructor(private options: OptionsService, private profileService: ProfileService, private utilities: Utilities, public dialog: MatDialog) {}
 
   toggleMediaPlayer() {
-    this.options.options.showMediaPlayer = !this.options.options.showMediaPlayer;
+    this.options.values.showMediaPlayer = !this.options.values.showMediaPlayer;
   }
 
   mediaConnect() {
diff --git a/src/app/shared/content-podcast/content-podcast.ts b/src/app/shared/content-podcast/content-podcast.ts
index 791da1d..dac5976 100644
--- a/src/app/shared/content-podcast/content-podcast.ts
+++ b/src/app/shared/content-podcast/content-podcast.ts
@@ -38,7 +38,7 @@ export class ContentPodcastComponent {
   constructor(private media: MediaService, private options: OptionsService, private profileService: ProfileService, private utilities: Utilities, public dialog: MatDialog) {}
 
   toggleMediaPlayer() {
-    this.options.options.showMediaPlayer = !this.options.options.showMediaPlayer;
+    this.options.values.showMediaPlayer = !this.options.values.showMediaPlayer;
   }
 
   play(title: string, artist: string, file: string, artwork: string) {
diff --git a/src/app/shared/event-buttons/event-buttons.html b/src/app/shared/event-buttons/event-buttons.html
index 002c96b..95a4c00 100644
--- a/src/app/shared/event-buttons/event-buttons.html
+++ b/src/app/shared/event-buttons/event-buttons.html
@@ -1,4 +1,4 @@
-<div class="thread-actions" [ngClass]="{ 'no-lines': !optionsService.options.showLines, 'lines': optionsService.options.showLines }">
+<div class="thread-actions" [ngClass]="{ 'no-lines': !optionsService.values.showLines, 'lines': optionsService.values.showLines }">
   <ng-template [ngIf]="!replyOpen">
     <mat-icon class="reaction-icon toolbar-icon" (click)="isEmojiPickerVisible = !isEmojiPickerVisible;" matTooltip="Reaction to post">sentiment_satisfied</mat-icon>
     <emoji-mart class="picker" *ngIf="isEmojiPickerVisible" emoji="point_up" [isNative]="true" [showPreview]="true" (emojiSelect)="addEmoji($event)" title="Choose your reaction"></emoji-mart>
diff --git a/src/app/shared/event-reactions/event-reactions.html b/src/app/shared/event-reactions/event-reactions.html
index 45e34c0..c5b5db7 100644
--- a/src/app/shared/event-reactions/event-reactions.html
+++ b/src/app/shared/event-reactions/event-reactions.html
@@ -1,4 +1,4 @@
-<div class="thread-reactions" [ngClass]="{ 'no-lines': !optionsService.options.showLines, lines: optionsService.options.showLines }" *ngIf="threadEntry?.boosts || threadEntry?.reactions">
+<div class="thread-reactions" [ngClass]="{ 'no-lines': !optionsService.values.showLines, lines: optionsService.values.showLines }" *ngIf="threadEntry?.boosts || threadEntry?.reactions">
   <span class="thread-reaction" *ngIf="threadEntry?.boosts">🔁 {{ threadEntry?.boosts }}</span>
   <span class="thread-reaction" *ngFor="let item of threadEntry!.reactions | keyvalue"> {{ item.key }} {{ item.value }} </span>
 </div>
diff --git a/src/app/shared/event-thread/event-thread.html b/src/app/shared/event-thread/event-thread.html
index 61a850f..544baf4 100644
--- a/src/app/shared/event-thread/event-thread.html
+++ b/src/app/shared/event-thread/event-thread.html
@@ -1,10 +1,10 @@
-<div class="thread-event" [ngClass]="{ 'no-lines': !optionsService.options.showLines, lines: optionsService.options.showLines }" *ngFor="let entry of threadEntry?.children">
+<div class="thread-event" [ngClass]="{ 'no-lines': !optionsService.values.showLines, lines: optionsService.values.showLines }" *ngFor="let entry of threadEntry?.children">
   <span *ngIf="thread.getEvent(entry.id) as event">
     <div class="events-header">
       <app-event-header [pubkey]="event.pubkey"><span class="event-date">{{ event.created_at | ago }}</span> <app-directory-icon [pubkey]="event.pubkey"></app-directory-icon></app-event-header>
       <app-event-actions [event]="event" [pubkey]="event.pubkey"></app-event-actions>
     </div>
-    <app-content class="thread-content" [ngClass]="{ 'no-lines': !optionsService.options.showLines, lines: optionsService.options.showLines }" [displayRepliesTo]="false" [event]="event"></app-content>
+    <app-content class="thread-content" [ngClass]="{ 'no-lines': !optionsService.values.showLines, lines: optionsService.values.showLines }" [displayRepliesTo]="false" [event]="event"></app-content>
     <app-event-reactions [threadEntry]="thread.getTreeEntry(entry.id)"></app-event-reactions>
     <app-event-buttons [event]="event"></app-event-buttons>
     <app-event-thread [threadEntry]="thread.getTreeEntry(entry.id)"> </app-event-thread>
diff --git a/src/app/user/user.ts b/src/app/user/user.ts
index fc5f3bb..a53de03 100644
--- a/src/app/user/user.ts
+++ b/src/app/user/user.ts
@@ -381,13 +381,13 @@ export class UserComponent {
   activeOptions() {
     let options = '';
 
-    if (this.options.options.hideSpam) {
+    if (this.options.values.hideSpam) {
       options += ' Spam: Filtered';
     } else {
       options += ' Spam: Allowed';
     }
 
-    if (this.options.options.hideInvoice) {
+    if (this.options.values.hideInvoice) {
       options += ' Invoices: Hidden';
     } else {
       options += ' Invoices: Displayed';