diff --git a/src/components/nsfw-barrier.webc b/src/components/nsfw-barrier.webc
index 2d25021..249d99c 100644
--- a/src/components/nsfw-barrier.webc
+++ b/src/components/nsfw-barrier.webc
@@ -23,7 +23,8 @@
   </div>
 
   <ref-button class="nsfw-toggle" command="show-modal" commandfor="nsfw-warning">
-    Reveal/Hide
+    <span>Show NSFW</span>
+    <span class="nsfw-label">Hide NSFW</span>
   </ref-button>
 
   <div class="nsfw-content">
@@ -35,12 +36,22 @@
 
 <style webc:scoped="nsfw-barrier">
   :host {
-    .nsfw & .nsfw-content {
+    .nsfw & :where(.nsfw-content) {
       display: block;
     }
+    .nsfw & .nsfw-toggle .nsfw-label {
+      display: block;
+    }
+    .nsfw & .nsfw-toggle :not(.nsfw-label) {
+      display: none;
+    }
   }
 
-  :host .nsfw-content {
+  :host .nsfw-toggle {
+    text-align: end;
+  }
+
+  :host :where(.nsfw-content, .nsfw-label) {
     display: none;
   }
 </style>