diff --git a/assets/icons/caelestia-mozilla-firefox-symbolic.svg b/assets/icons/caelestia-mozilla-firefox-symbolic.svg
new file mode 100644
index 00000000..3ae65890
--- /dev/null
+++ b/assets/icons/caelestia-mozilla-firefox-symbolic.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/modules/bar.tsx b/src/modules/bar.tsx
index 47702e8d..60471ca7 100644
--- a/src/modules/bar.tsx
+++ b/src/modules/bar.tsx
@@ -103,7 +103,9 @@ const MediaPlaying = () => {
players.hookLastPlayer(self, "notify::identity", () => {
- const icon = `caelestia-${players.lastPlayer?.identity.toLowerCase()}-symbolic`;
+ const icon = `caelestia-${players.lastPlayer?.identity
+ .toLowerCase()
+ .replaceAll(" ", "-")}-symbolic`;
self.icon = players.lastPlayer
? Astal.Icon.lookup_icon(icon)
? icon