diff --git a/widget/bar/workspace.tsx b/widget/bar/workspace.tsx
index 5130f02..0a4adf9 100644
--- a/widget/bar/workspace.tsx
+++ b/widget/bar/workspace.tsx
@@ -48,9 +48,9 @@ export const WorkspaceButton = () => {
 
 export const FocusedClient = () => {
   const hyprland = AstalHyprland.get_default();
-  const title = bind(hyprland, "focusedClient")
-    .as((fcsClient) => fcsClient.title)
-    .toString();
+  const title = bind(hyprland, "focusedClient").as(
+    (fcsClient) => fcsClient.title,
+  );
 
-  return <label>{title}</label>;
+  return <label cssClasses={["focused-client"]}>{title}</label>;
 };