diff --git a/crates/collab_ui/src/collab_panel.rs b/crates/collab_ui/src/collab_panel.rs
index 0e99497ceff1b826901aac4427d5fc310c0638d0..274eeb9f2dbe7bec10504e824bb1aba0537b3bd0 100644
--- a/crates/collab_ui/src/collab_panel.rs
+++ b/crates/collab_ui/src/collab_panel.rs
@@ -1413,7 +1413,21 @@ impl CollabPanel {
         enum AddContacts {}
         MouseEventHandler::<AddContacts, Self>::new(0, cx, |state, _| {
             let style = theme.list_empty_state.style_for(is_selected, state);
-            Label::new("Add contacts to begin collaborating", style.text.clone())
+            Flex::row()
+                .with_child(
+                    Svg::new("icons/plus_16.svg")
+                        .with_color(theme.list_empty_icon.color)
+                        .constrained()
+                        .with_width(theme.list_empty_icon.width)
+                        .aligned()
+                        .left(),
+                )
+                .with_child(
+                    Label::new("Add a contact", style.text.clone())
+                        .contained()
+                        .with_style(theme.list_empty_label_container),
+                )
+                .align_children_center()
                 .contained()
                 .with_style(style.container)
                 .into_any()
diff --git a/crates/theme/src/theme.rs b/crates/theme/src/theme.rs
index 1e11fbbf824880d19f24e74aa04e0bbed8e0e52d..4919eb93c77c18e2cf214b5569d701031da9fef5 100644
--- a/crates/theme/src/theme.rs
+++ b/crates/theme/src/theme.rs
@@ -220,6 +220,8 @@ pub struct CollabPanel {
     #[serde(flatten)]
     pub container: ContainerStyle,
     pub list_empty_state: Toggleable<Interactive<ContainedText>>,
+    pub list_empty_icon: Icon,
+    pub list_empty_label_container: ContainerStyle,
     pub log_in_button: Interactive<ContainedText>,
     pub channel_editor: ContainerStyle,
     pub channel_hash: Icon,
diff --git a/styles/src/style_tree/collab_panel.ts b/styles/src/style_tree/collab_panel.ts
index 06170901e9a1736496f307d1006285b195d0fd0c..8f8b8e504fca9d71a02fc3e34022edf565f31bb9 100644
--- a/styles/src/style_tree/collab_panel.ts
+++ b/styles/src/style_tree/collab_panel.ts
@@ -267,6 +267,15 @@ export default function contacts_panel(): any {
                 },
             },
         }),
+        list_empty_label_container: {
+            margin: {
+                left: 5,
+            }
+        },
+        list_empty_icon: {
+            color: foreground(layer, "on"),
+            width: 16,
+        },
         list_empty_state: toggleable({
             base: interactive({
                 base: {