diff --git a/src/bundle/Resources/public/scss/_field-group.scss b/src/bundle/Resources/public/scss/_field-group.scss
index aee3a5a65f..6408073cc3 100644
--- a/src/bundle/Resources/public/scss/_field-group.scss
+++ b/src/bundle/Resources/public/scss/_field-group.scss
@@ -22,45 +22,72 @@
 }
 
 .ibexa-fieldgroup {
+    &__header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        font-weight: bold;
+    }
+
     &__name {
         color: $ibexa-color-dark;
         border-bottom: calculateRem(1px) solid $ibexa-color-light;
         padding: calculateRem(24px) calculateRem(8px);
         font-weight: normal;
-        font-size: calculateRem(16px);
+        font-size: $ibexa-text-font-size;
+    }
+
+    &__toggler-label-show {
+        display: none;
+    }
+
+    &__toggler-label-hide {
+        display: inline;
     }
 
     &__toggler {
         position: relative;
         display: block;
         padding: calculateRem(24px) calculateRem(16px);
-        font-size: calculateRem(16px);
+        font-size: $ibexa-text-font-size-medium;
+        font-weight: normal;
         color: $ibexa-color-black;
         text-decoration: none;
-        font-weight: bold;
 
+        &:focus,
         &:hover {
             color: $ibexa-color-primary;
             text-decoration: none;
+
+            &::after {
+                border-top: calculateRem(5px) solid $ibexa-color-primary;
+            }
         }
 
-        &:before {
-            content: '';
+        &::after {
             position: absolute;
             top: calculateRem(33px);
-            left: 0;
-            display: inline-block;
-            width: calculateRem(7px);
-            height: calculateRem(7px);
-            border-right: calculateRem(2px) solid $ibexa-color-black;
-            border-bottom: calculateRem(2px) solid $ibexa-color-black;
-            transition: all 0.3s $ibexa-admin-transition;
-            transform: rotate(-135deg);
+            right: 0;
+            content: '';
+            border-left: calculateRem(5px) solid transparent;
+            border-right: calculateRem(5px) solid transparent;
+            border-top: calculateRem(5px) solid $ibexa-color-black;
+            transition: all $ibexa-admin-transition-duration $ibexa-admin-transition;
         }
 
         &.collapsed {
-            &:before {
-                transform: rotate(-45deg);
+            .ibexa-fieldgroup {
+                &__toggler-label-show {
+                    display: inline;
+                }
+
+                &__toggler-label-hide {
+                    display: none;
+                }
+            }
+
+            &:after {
+                transform: rotate(180deg);
             }
         }
     }
diff --git a/src/bundle/Resources/translations/messages.en.xliff b/src/bundle/Resources/translations/messages.en.xliff
index 9c4f0b7037..f85a5c0613 100644
--- a/src/bundle/Resources/translations/messages.en.xliff
+++ b/src/bundle/Resources/translations/messages.en.xliff
@@ -433,6 +433,16 @@
         <target state="new"><![CDATA[Your password has been changed. You can <a href="%login%">log in</a> to eZ Platform.]]></target>
         <note>key: ezplatform.reset_user_password.success</note>
       </trans-unit>
+      <trans-unit id="bd5ae6bdfe2b60c317c3b47f27c5bf5a264b71ba" resname="fieldview.toggler.hide">
+        <source>Hide</source>
+        <target state="new">Hide</target>
+        <note>key: fieldview.toggler.hide</note>
+      </trans-unit>
+      <trans-unit id="b42fcb4c20b25c6bf6a9144cde8df1167b915bb5" resname="fieldview.toggler.show">
+        <source>Show</source>
+        <target state="new">Show</target>
+        <note>key: fieldview.toggler.show</note>
+      </trans-unit>
       <trans-unit id="b469507c15ca085ba9753f60ab835f68cda9c725" resname="footer.copyright">
         <source><![CDATA[Copyright &copy; %year% Ibexa. All right reserved]]></source>
         <target state="new"><![CDATA[Copyright &copy; %year% Ibexa. All right reserved]]></target>
diff --git a/src/bundle/Resources/views/themes/admin/content/content_view_fields.html.twig b/src/bundle/Resources/views/themes/admin/content/content_view_fields.html.twig
index 6caaa3431b..a5735be16f 100644
--- a/src/bundle/Resources/views/themes/admin/content/content_view_fields.html.twig
+++ b/src/bundle/Resources/views/themes/admin/content/content_view_fields.html.twig
@@ -13,9 +13,13 @@
                     {% set collapse_class_name = 'ibexa-content-preview-collapse--' ~ group_name %}
 
                     <section class="ibexa-fieldgroup container">
-                        <a data-bs-toggle="collapse" href=".{{ collapse_class_name }}" class="ibexa-fieldgroup__toggler">
-                            {{ group.name|capitalize }}
-                        </a>
+                        <div class="ibexa-fieldgroup__header">
+                            <span class="ibexa-fieldgroup__header-name">{{ group.name|capitalize }}</span>
+                            <a data-bs-toggle="collapse" href=".{{ collapse_class_name }}" class="ibexa-fieldgroup__toggler">
+                                <span class="ibexa-fieldgroup__toggler-label-show">{{ 'fieldview.toggler.show'|trans|desc('Show') }}</span>
+                                <span class="ibexa-fieldgroup__toggler-label-hide">{{ 'fieldview.toggler.hide'|trans|desc('Hide') }}</span>
+                            </a>
+                        </div>
                         <div class="{{ collapse_class_name }} ibexa-content-preview-collapse collapse show" data-collapse-state-key="{{ collapse_state_key }}">
                             {% for field_definition in group.fieldDefinitions %}
                                 {% block field %}