diff --git a/resources/icons/view.svg b/resources/icons/watch.svg
similarity index 100%
rename from resources/icons/view.svg
rename to resources/icons/watch.svg
diff --git a/resources/sass/_lists.scss b/resources/sass/_lists.scss
index ad0803e71..64411014d 100644
--- a/resources/sass/_lists.scss
+++ b/resources/sass/_lists.scss
@@ -681,6 +681,9 @@ ul.pagination {
   &.wide {
     min-width: 220px;
   }
+  &.xl-limited {
+    width: 280px;
+  }
   .text-muted {
     color: #999;
     fill: #999;
diff --git a/resources/sass/_text.scss b/resources/sass/_text.scss
index 7cade9607..a3e6f09ac 100644
--- a/resources/sass/_text.scss
+++ b/resources/sass/_text.scss
@@ -365,6 +365,7 @@ li.checkbox-item, li.task-list-item {
 }
 
 .break-text {
+  white-space: normal;
   word-wrap: break-word;
   overflow-wrap: break-word;
 }
diff --git a/resources/views/books/show.blade.php b/resources/views/books/show.blade.php
index 8bb41c18b..f126c6219 100644
--- a/resources/views/books/show.blade.php
+++ b/resources/views/books/show.blade.php
@@ -67,7 +67,7 @@
 @stop
 
 @section('right')
-    <div class="mb-xl">
+    <div class="mb-xl" style="z-index: 1000; opacity: 1;">
         <h5>{{ trans('common.details') }}</h5>
         <div class="blended-links">
             @include('entities.meta', ['entity' => $book])
diff --git a/resources/views/entities/meta.blade.php b/resources/views/entities/meta.blade.php
index 7ad61f1b1..b657d82de 100644
--- a/resources/views/entities/meta.blade.php
+++ b/resources/views/entities/meta.blade.php
@@ -68,4 +68,12 @@
             </div>
         </a>
     @endif
+
+    <div class="dropdown-container">
+        <div class="entity-meta-item">
+            @icon('watch')
+            <span>Watching with default preferences</span>
+        </div>
+        @include('entities.watch-controls', ['entity' => $entity])
+    </div>
 </div>
\ No newline at end of file
diff --git a/resources/views/entities/watch-controls.blade.php b/resources/views/entities/watch-controls.blade.php
new file mode 100644
index 000000000..ab4af0f77
--- /dev/null
+++ b/resources/views/entities/watch-controls.blade.php
@@ -0,0 +1,71 @@
+<form action="{{ $entity->getUrl('/') }}" method="GET">
+{{--    {{ method_field('PUT') }}--}}
+
+    <ul class="dropdown-menu xl-limited anchor-left" style="display: block;">
+        <li>
+            <button name="level" value="default" class="icon-item">
+                <span class="text-pos pt-m">{!!  request()->query('level') === 'default' ? icon('check-circle') : '' !!}</span>
+                <div class="break-text">
+                    <div class="mb-xxs"><strong>Default Preferences</strong></div>
+                    <div class="text-muted text-small">
+                        Revert watching to just your default notification preferences.
+                    </div>
+                </div>
+            </button>
+        </li>
+        <li><hr class="my-none"></li>
+        <li>
+            <button name="level" value="ignore" class="icon-item">
+                <span class="text-pos pt-m">{!!  request()->query('level') === 'ignore' ? icon('check-circle') : '' !!}</span>
+                <div class="break-text">
+                    <div class="mb-xxs"><strong>Ignore</strong></div>
+                    <div class="text-muted text-small">
+                        Ignore all notifications, including those from user-level preferences.
+                    </div>
+                </div>
+            </button>
+        </li>
+        <li><hr class="my-none"></li>
+        <li>
+            <button name="level" value="new" class="icon-item">
+                <span class="text-pos pt-m">{!!  request()->query('level') === 'new' ? icon('check-circle') : '' !!}</span>
+                <div class="break-text">
+                    <div class="mb-xxs"><strong>New Pages</strong></div>
+                    <div class="text-muted text-small">
+                        Notify when any new page is created within this item.
+                    </div>
+                </div>
+            </button>
+        </li>
+        <li><hr class="my-none"></li>
+        <li>
+            <button name="level" value="updates" class="icon-item">
+                <span class="text-pos pt-m">{!!  request()->query('level') === 'updates' ? icon('check-circle') : '' !!}</span>
+                <div class="break-text">
+                    <div class="mb-xxs"><strong>All Page Updates</strong></div>
+                    <div class="text-muted text-small">
+                        Notify upon all new pages and page changes.
+                    </div>
+                </div>
+            </button>
+        </li>
+        <li><hr class="my-none"></li>
+        <li>
+            <button name="level" value="comments" class="icon-item">
+                <span class="text-pos pt-m">{!!  request()->query('level') === 'comments' ? icon('check-circle') : '' !!}</span>
+                <div class="break-text">
+                    <div class="mb-xxs"><strong>All Page Updates & Comments</strong></div>
+                    <div class="text-muted text-small">
+                        Notify upon all new pages, page changes and new comments.
+                    </div>
+                </div>
+            </button>
+        </li>
+        <li><hr class="my-none"></li>
+        <li>
+            <div class="text-small text-muted px-l pb-xxs pt-xs">
+                <a href="{{ url('/preferences/notifications') }}" target="_blank">Change default notification preferences</a>
+            </div>
+        </li>
+    </ul>
+</form>
\ No newline at end of file