diff --git a/src/main/kotlin/org/briarproject/briar/desktop/contact/ContactCard.kt b/src/main/kotlin/org/briarproject/briar/desktop/contact/ContactCard.kt
index fc95fb753f3cf66d3516cbf55c9cd825fcdf7a78..df27f7f1df70c1712c66e81834a552a23431e6e5 100644
--- a/src/main/kotlin/org/briarproject/briar/desktop/contact/ContactCard.kt
+++ b/src/main/kotlin/org/briarproject/briar/desktop/contact/ContactCard.kt
@@ -1,5 +1,6 @@
 package org.briarproject.briar.desktop.contact
 
+import androidx.compose.desktop.ui.tooling.preview.Preview
 import androidx.compose.foundation.Canvas
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
@@ -12,6 +13,7 @@ import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.Card
 import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Surface
 import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
@@ -19,6 +21,9 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.drawscope.withTransform
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
+import org.briarproject.bramble.api.contact.ContactId
+import org.briarproject.bramble.api.identity.AuthorId
+import org.briarproject.briar.desktop.theme.DarkColors
 import org.briarproject.briar.desktop.theme.outline
 import org.briarproject.briar.desktop.theme.selectedCard
 import org.briarproject.briar.desktop.theme.surfaceVariant
@@ -26,6 +31,29 @@ import org.briarproject.briar.desktop.ui.Constants.HEADER_SIZE
 import org.briarproject.briar.desktop.ui.HorizontalDivider
 import org.briarproject.briar.desktop.utils.InternationalizationUtils.i18n
 import org.briarproject.briar.desktop.utils.TimeUtils.getFormattedTimestamp
+import java.time.Instant
+
+@Preview
+@Composable
+fun PreviewContactCard() {
+    MaterialTheme(colors = DarkColors) {
+        Surface {
+            ContactCard(
+                ContactItem(
+                    contactId = ContactId(0),
+                    authorId = AuthorId(ByteArray(0)),
+                    name = "Paul",
+                    alias = "UI Master",
+                    isConnected = true,
+                    isEmpty = false,
+                    unread = 3,
+                    timestamp = Instant.now().epochSecond
+                ),
+                {}, false
+            )
+        }
+    }
+}
 
 @Composable
 fun ContactCard(