diff --git a/fasthtml/pico.py b/fasthtml/pico.py
index 7bd0a82a..08fee35c 100644
--- a/fasthtml/pico.py
+++ b/fasthtml/pico.py
@@ -21,24 +21,23 @@
 except ImportError: display=None
 
 # %% ../nbs/api/04_pico.ipynb #100414ae
-picocss = "https://cdn.jsdelivr.net/npm/@picocss/pico@latest/css/pico.min.css"
+picocss = "https://cdn.jsdelivr.net/npm/@anyblades/pico@latest/css/pico.min.css"
 picolink = (Link(rel="stylesheet", href=picocss),
             Style(":root { --pico-font-size: 100%; }"))
-picocondcss = "https://cdn.jsdelivr.net/npm/@picocss/pico@latest/css/pico.conditional.min.css"
+picocondcss = "https://cdn.jsdelivr.net/npm/@anyblades/pico@latest/css/pico.conditional.min.css"
 picocondlink = (Link(rel="stylesheet", href=picocondcss),
                 Style(":root { --pico-font-size: 100%; }"))
 
 # %% ../nbs/api/04_pico.ipynb #36d26fb7
 def set_pico_cls():
-    js = """var sel = '.cell-output, .output_area';
+    js = """var sel = '.cell-output, .output_area, .card-out .msg-content';
 document.querySelectorAll(sel).forEach(e => e.classList.add('pico'));
 
 new MutationObserver(ms => {
   ms.forEach(m => {
     m.addedNodes.forEach(n => {
       if (n.nodeType === 1) {
-        var nc = n.classList;
-        if (nc && (nc.contains('cell-output') || nc.contains('output_area'))) nc.add('pico');
+        if (n.matches(sel)) n.classList.add('pico');
         n.querySelectorAll(sel).forEach(e => e.classList.add('pico'));
       }
     });
diff --git a/nbs/api/04_pico.ipynb b/nbs/api/04_pico.ipynb
index 32e05cda..3e9c5345 100644
--- a/nbs/api/04_pico.ipynb
+++ b/nbs/api/04_pico.ipynb
@@ -47,10 +47,10 @@
    "outputs": [],
    "source": [
     "#| export\n",
-    "picocss = \"https://cdn.jsdelivr.net/npm/@picocss/pico@latest/css/pico.min.css\"\n",
+    "picocss = \"https://cdn.jsdelivr.net/npm/@anyblades/pico@latest/css/pico.min.css\"\n",
     "picolink = (Link(rel=\"stylesheet\", href=picocss),\n",
     "            Style(\":root { --pico-font-size: 100%; }\"))\n",
-    "picocondcss = \"https://cdn.jsdelivr.net/npm/@picocss/pico@latest/css/pico.conditional.min.css\"\n",
+    "picocondcss = \"https://cdn.jsdelivr.net/npm/@anyblades/pico@latest/css/pico.conditional.min.css\"\n",
     "picocondlink = (Link(rel=\"stylesheet\", href=picocondcss),\n",
     "                Style(\":root { --pico-font-size: 100%; }\"))"
    ]
@@ -97,15 +97,14 @@
    "source": [
     "#| export\n",
     "def set_pico_cls():\n",
-    "    js = \"\"\"var sel = '.cell-output, .output_area';\n",
+    "    js = \"\"\"var sel = '.cell-output, .output_area, .card-out .msg-content';\n",
     "document.querySelectorAll(sel).forEach(e => e.classList.add('pico'));\n",
     "\n",
     "new MutationObserver(ms => {\n",
     "  ms.forEach(m => {\n",
     "    m.addedNodes.forEach(n => {\n",
     "      if (n.nodeType === 1) {\n",
-    "        var nc = n.classList;\n",
-    "        if (nc && (nc.contains('cell-output') || nc.contains('output_area'))) nc.add('pico');\n",
+    "        if (n.matches(sel)) n.classList.add('pico');\n",
     "        n.querySelectorAll(sel).forEach(e => e.classList.add('pico'));\n",
     "      }\n",
     "    });\n",