diff --git a/apps/dashboard/src/components/auth/customize-inbox-playground.tsx b/apps/dashboard/src/components/auth/customize-inbox-playground.tsx
index 0a7d9cdfdd3..91671ce34c9 100644
--- a/apps/dashboard/src/components/auth/customize-inbox-playground.tsx
+++ b/apps/dashboard/src/components/auth/customize-inbox-playground.tsx
@@ -107,7 +107,7 @@ function StylePreviewCard({
       <div
         className={`absolute bottom-0 w-full translate-y-full transform border-t bg-neutral-50/90 text-center opacity-0 transition-all duration-200 ease-out group-hover:translate-y-0 group-hover:opacity-100 ${isSelected ? '!translate-y-0 !opacity-100' : ''}`}
       >
-        <span className="text-[11px] leading-6">{style.label}</span>
+        <span className="text-xs leading-6">{style.label}</span>
       </div>
     </div>
   );
diff --git a/apps/dashboard/src/components/auth/inbox-playground.tsx b/apps/dashboard/src/components/auth/inbox-playground.tsx
index 584ffe3c475..7a7bfde5549 100644
--- a/apps/dashboard/src/components/auth/inbox-playground.tsx
+++ b/apps/dashboard/src/components/auth/inbox-playground.tsx
@@ -91,7 +91,7 @@ export function InboxPlayground() {
   });
 
   const { triggerWorkflow, isPending } = useTriggerWorkflow();
-  const { data } = useWorkflows();
+  const { data } = useWorkflows({ query: ONBOARDING_DEMO_WORKFLOW_ID });
   const auth = useAuth();
   const [hasNotificationBeenSent, setHasNotificationBeenSent] = useState(false);
   const navigate = useNavigate();
diff --git a/apps/dashboard/src/components/auth/inbox-preview-content.tsx b/apps/dashboard/src/components/auth/inbox-preview-content.tsx
index 753b129faa8..cdb692c1b63 100644
--- a/apps/dashboard/src/components/auth/inbox-preview-content.tsx
+++ b/apps/dashboard/src/components/auth/inbox-preview-content.tsx
@@ -101,7 +101,7 @@ function SendNotificationArrow(props: SVGProps<SVGSVGElement>) {
       <path
         d="M46.7042 38.5367C45.9523 34.1342 42.2234 19.9485 34.0857 23.4153C31.7808 24.3973 29.2755 28.6188 31.7983 30.67C35.1624 33.4054 37.9395 27.6374 37.3445 24.9824C35.7772 17.9881 26.4508 15.3565 20.157 16.3625C14.8716 17.2074 10.2676 20.6788 6.61735 24.3822C4.90504 26.1195 4.21087 28.3203 2.65616 30.084C0.250967 32.8124 2.04904 28.0442 2.01456 26.0896C1.94411 22.0956 2.26233 28.5742 2.27848 29.9515C2.30512 32.224 7.85706 30.608 10.037 30.3405"
         stroke="#1FC16B"
-        stroke-linecap="round"
+        strokeLinecap="round"
       />
     </svg>
   );
diff --git a/apps/dashboard/src/hooks/use-workflows.ts b/apps/dashboard/src/hooks/use-workflows.ts
index 35f5e82411b..75028765a74 100644
--- a/apps/dashboard/src/hooks/use-workflows.ts
+++ b/apps/dashboard/src/hooks/use-workflows.ts
@@ -7,15 +7,18 @@ import { useEnvironment } from '../context/environment/hooks';
 interface UseWorkflowsParams {
   limit?: number;
   offset?: number;
+  query?: string;
 }
 
-export function useWorkflows({ limit = 12, offset = 0 }: UseWorkflowsParams = {}) {
+export function useWorkflows({ limit = 12, offset = 0, query = '' }: UseWorkflowsParams = {}) {
   const { currentEnvironment } = useEnvironment();
 
   const workflowsQuery = useQuery({
-    queryKey: [QueryKeys.fetchWorkflows, currentEnvironment?._id, { limit, offset }],
+    queryKey: [QueryKeys.fetchWorkflows, currentEnvironment?._id, { limit, offset, query }],
     queryFn: async () => {
-      const { data } = await getV2<{ data: ListWorkflowResponse }>(`/workflows?limit=${limit}&offset=${offset}`);
+      const { data } = await getV2<{ data: ListWorkflowResponse }>(
+        `/workflows?limit=${limit}&offset=${offset}&query=${query}`
+      );
       return data;
     },
     placeholderData: keepPreviousData,