diff --git a/src/data_profiling/report/presentation/flavours/html/templates/toggle_button.html b/src/data_profiling/report/presentation/flavours/html/templates/toggle_button.html
index 308ca6143..25514d963 100644
--- a/src/data_profiling/report/presentation/flavours/html/templates/toggle_button.html
+++ b/src/data_profiling/report/presentation/flavours/html/templates/toggle_button.html
@@ -1,11 +1,13 @@
 {% if anchor_id != 'toggle-correlation-description' %}
     <div class="col-sm-12 text-end">
-        <button class="btn btn-light"
+        <button class="btn btn-light toggle-details-button"
                 data-bs-toggle="collapse"
                 data-bs-target="#bottom-{{ anchor_id }}, #minifreqtable{{ anchor_id }}"
-                aria-expanded="true"
-                aria-controls="#bottom-{{ anchor_id }}, #minifreqtable{{ anchor_id }}">
-            {{ text }}
+                aria-expanded="false"
+                aria-controls="bottom-{{ anchor_id }} minifreqtable{{ anchor_id }}">
+            <span class="more-details">{{ text }}</span>
+            <span class="less-details">Less details</span>
+            <span class="details-arrow" aria-hidden="true"></span>
         </button>
     </div>
 {% else %}
diff --git a/src/data_profiling/report/presentation/flavours/html/templates/wrapper/assets/style.css b/src/data_profiling/report/presentation/flavours/html/templates/wrapper/assets/style.css
index a1a4e72f3..49c7312eb 100644
--- a/src/data_profiling/report/presentation/flavours/html/templates/wrapper/assets/style.css
+++ b/src/data_profiling/report/presentation/flavours/html/templates/wrapper/assets/style.css
@@ -251,3 +251,25 @@ span[data-bs-toggle="tooltip"] {
     background: var(--bs-secondary-bg-subtle);
     color: var(--bs-secondary-text-emphasis);
 }
+
+/* Toggle details button states */
+
+.toggle-details-button .less-details {
+    display: none;
+}
+
+.toggle-details-button[aria-expanded="true"] .more-details {
+    display: none;
+}
+
+.toggle-details-button[aria-expanded="true"] .less-details {
+    display: inline;
+}
+
+.toggle-details-button .details-arrow::after {
+    content: " ▼";
+}
+
+.toggle-details-button[aria-expanded="true"] .details-arrow::after {
+    content: " ▲";
+}