diff --git a/data/resources/ui/content-explore.ui b/data/resources/ui/content-explore.ui
index 76dc2fab..b3f69d78 100644
--- a/data/resources/ui/content-explore.ui
+++ b/data/resources/ui/content-explore.ui
@@ -10,10 +10,15 @@
           <object class="AdwHeaderBar" id="headerbar">
             <property name="show-start-title-buttons" bind-source="ContentExplore" bind-property="compact" bind-flags="sync-create"/>
             <child type="start">
-              <object class="GtkButton" id="back">
-                <property name="visible" bind-source="ContentExplore" bind-property="compact" bind-flags="sync-create"/>
-                <property name="icon-name">go-previous-symbolic</property>
-                <property name="action-name">content.go-back</property>
+              <object class="GtkRevealer">
+                <property name="transition-type">crossfade</property>
+                <property name="reveal-child" bind-source="ContentExplore" bind-property="compact" bind-flags="sync-create"/>
+                <property name="child">
+                  <object class="GtkButton" id="back">
+                    <property name="icon-name">go-previous-symbolic</property>
+                    <property name="action-name">content.go-back</property>
+                  </object>
+                </property>
               </object>
             </child>
             <child type="title">
diff --git a/data/resources/ui/content-invite.ui b/data/resources/ui/content-invite.ui
index 3e59ff07..7c8b5d0c 100644
--- a/data/resources/ui/content-invite.ui
+++ b/data/resources/ui/content-invite.ui
@@ -10,10 +10,15 @@
           <object class="AdwHeaderBar" id="headerbar">
             <property name="show-start-title-buttons" bind-source="ContentInvite" bind-property="compact" bind-flags="sync-create"/>
             <child type="start">
-              <object class="GtkButton" id="back">
-                <property name="visible" bind-source="ContentInvite" bind-property="compact" bind-flags="sync-create"/>
-                <property name="icon-name">go-previous-symbolic</property>
-                <property name="action-name">content.go-back</property>
+              <object class="GtkRevealer">
+                <property name="transition-type">crossfade</property>
+                <property name="reveal-child" bind-source="ContentInvite" bind-property="compact" bind-flags="sync-create"/>
+                <property name="child">
+                  <object class="GtkButton" id="back">
+                    <property name="icon-name">go-previous-symbolic</property>
+                    <property name="action-name">content.go-back</property>
+                  </object>
+                </property>
               </object>
             </child>
             <child type="title">
diff --git a/data/resources/ui/content-room-history.ui b/data/resources/ui/content-room-history.ui
index b420cb24..977d8238 100644
--- a/data/resources/ui/content-room-history.ui
+++ b/data/resources/ui/content-room-history.ui
@@ -19,10 +19,15 @@
           <object class="AdwHeaderBar" id="headerbar">
             <property name="show-start-title-buttons" bind-source="ContentRoomHistory" bind-property="compact" bind-flags="sync-create"/>
             <child type="start">
-              <object class="GtkButton" id="back">
-                <property name="visible" bind-source="ContentRoomHistory" bind-property="compact" bind-flags="sync-create"/>
-                <property name="icon-name">go-previous-symbolic</property>
-                <property name="action-name">content.go-back</property>
+              <object class="GtkRevealer">
+                <property name="transition-type">crossfade</property>
+                <property name="reveal-child" bind-source="ContentRoomHistory" bind-property="compact" bind-flags="sync-create"/>
+                <property name="child">
+                  <object class="GtkButton" id="back">
+                    <property name="icon-name">go-previous-symbolic</property>
+                    <property name="action-name">content.go-back</property>
+                  </object>
+                </property>
               </object>
             </child>
             <child type="title">