diff --git a/libraries/ui-common/src/main/kotlin/io/element/android/libraries/ui/common/nodes/EmptyNode.kt b/libraries/ui-common/src/main/kotlin/io/element/android/libraries/ui/common/nodes/EmptyNode.kt
index 6f64cf90fb..58daff05f4 100644
--- a/libraries/ui-common/src/main/kotlin/io/element/android/libraries/ui/common/nodes/EmptyNode.kt
+++ b/libraries/ui-common/src/main/kotlin/io/element/android/libraries/ui/common/nodes/EmptyNode.kt
@@ -10,10 +10,14 @@ package io.element.android.libraries.ui.common.nodes
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
 import com.bumble.appyx.core.modality.BuildContext
 import com.bumble.appyx.core.node.Node
 import com.bumble.appyx.core.node.node
 import io.element.android.compound.theme.ElementTheme
+import io.element.android.libraries.designsystem.preview.ElementPreview
+import io.element.android.libraries.designsystem.preview.PreviewsDayNight
 
 /**
  * Ref: https://www.figma.com/design/0MMNu7cTOzLOlWb7ctTkv3/Element-X?node-id=1518-85323
@@ -21,9 +25,18 @@ import io.element.android.compound.theme.ElementTheme
 fun emptyNode(
     buildContext: BuildContext,
 ): Node = node(buildContext) { modifier ->
-    Box(
-        modifier = modifier
-            .fillMaxSize()
-            .background(ElementTheme.colors.bgCanvasDefault),
-    )
+    EmptyView(modifier)
+}
+
+@Composable
+private fun EmptyView(modifier: Modifier) = Box(
+    modifier = modifier
+        .fillMaxSize()
+        .background(ElementTheme.colors.bgCanvasDefault),
+)
+
+@PreviewsDayNight
+@Composable
+internal fun EmptyViewPreview() = ElementPreview {
+    EmptyView(Modifier)
 }