diff --git a/website/client/components/userMenu/inbox.vue b/website/client/components/userMenu/inbox.vue
index f918dd75b2..7318f1f695 100644
--- a/website/client/components/userMenu/inbox.vue
+++ b/website/client/components/userMenu/inbox.vue
@@ -18,9 +18,16 @@
// b-form-input
.row
.col-12
- div.toggle(:class="!this.user.inbox.optOut && 'toggle--active'" @click="toggleOpt()")
- div.bar
- div.circle
+ .toggle#toggle(:class="!this.user.inbox.optOut && 'toggle--active'" @click="toggleOpt()")
+ .bar
+ .circle
+ b-popover(
+ target="toggle",
+ triggers="hover",
+ placement="right",
+ )
+ h4.popover-content-title {{popoverTitle}}
+ .popover-content-text {{popoverText}}
.row(v-if="!this.user.inbox.optOut")
.col-4.sidebar
.search-section
@@ -52,7 +59,12 @@
button.btn.btn-secondary(@click='sendPrivateMessage()') Send
.row(v-else)
.col-12
- .h3.text-center You disabled private messages
+ .caption-disabled
+ .svg-icon.envelope(v-html="icons.messageIcon")
+ h3 Private messages are disabled
+ p.text-center Private messages are disabled and no one can send them to you.
+ p.text-center {{popoverText}}
+ button.btn.btn-primary(@click="toggleOpt()") Enable