diff --git a/src/qml/Chat/RoomSidePane/RoomSidePane.qml b/src/qml/Chat/RoomSidePane/RoomSidePane.qml
index f6bd9c1d..e2432c8d 100644
--- a/src/qml/Chat/RoomSidePane/RoomSidePane.qml
+++ b/src/qml/Chat/RoomSidePane/RoomSidePane.qml
@@ -12,9 +12,9 @@ HRectangle {
     property var activeView: null
 
     property int normalSpacing: 8
-    readonly property int currentSpacing: collapsed ? 0 : normalSpacing
+    property int currentSpacing: collapsed ? 0 : normalSpacing
 
-    Behavior on normalSpacing { HNumberAnimation {} }
+    Behavior on currentSpacing { HNumberAnimation {} }
 
     MembersView {
         anchors.fill: parent
diff --git a/src/qml/SidePane/SidePane.qml b/src/qml/SidePane/SidePane.qml
index db362bcc..2160aeae 100644
--- a/src/qml/SidePane/SidePane.qml
+++ b/src/qml/SidePane/SidePane.qml
@@ -13,7 +13,9 @@ HRectangle {
 
     property bool collapsed: false
     property int normalSpacing: 8
-    readonly property int currentSpacing: collapsed ? 0 : normalSpacing
+    property int currentSpacing: collapsed ? 0 : normalSpacing
+
+    Behavior on currentSpacing { HNumberAnimation {} }
 
     HColumnLayout {
         anchors.fill: parent
@@ -24,8 +26,6 @@ HRectangle {
 
             spacing: currentSpacing
             bottomMargin: currentSpacing
-
-            Behavior on spacing { HNumberAnimation {} }
         }
 
         PaneToolBar {