diff --git a/src/assets/css/src/2.blocks.button.css b/src/assets/css/src/2.blocks.button.css
index 38a54c9..039ef61 100644
--- a/src/assets/css/src/2.blocks.button.css
+++ b/src/assets/css/src/2.blocks.button.css
@@ -119,6 +119,10 @@ input[type="checkbox"]:checked + .btn--primary {
   .btn--transparent:hover {
     --background: var(--color-white-05);
   }
+  .btn[aria-pressed="true"]:hover {
+    --background: var(--color-primary-hover);
+    --border-color: var(--color-primary-hover);
+  }
 }
 
 .btn:focus-visible {
diff --git a/src/components/project/client-brief/PdfViewer.vue b/src/components/project/client-brief/PdfViewer.vue
index 2117dfe..1236f76 100644
--- a/src/components/project/client-brief/PdfViewer.vue
+++ b/src/components/project/client-brief/PdfViewer.vue
@@ -23,7 +23,7 @@
       />
       <button
         id="toggle-comments"
-        aria-pressed="false"
+        :aria-pressed="isCommentsOpen"
         class="btn btn--transparent"
         data-icon="comment"
         @click="isCommentsOpen = !isCommentsOpen"