diff --git a/package-lock.json b/package-lock.json
index 6b255ef..2fb5f7e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -37,7 +37,7 @@
       "peerDependencies": {
         "rdflib": "^2.3.0",
         "solid-logic": "^4.0.0",
-        "solid-ui": "^3.0.0"
+        "solid-ui": "^3.0.1-11be53b"
       }
     },
     "node_modules/@adobe/css-tools": {
@@ -16538,9 +16538,9 @@
       }
     },
     "node_modules/solid-logic": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/solid-logic/-/solid-logic-4.0.0.tgz",
-      "integrity": "sha512-0MCou8Eh4Q6fN2aoSSdH+/Z21cMMMkk6VWFP1Hu7hplqRxaxcy5ZWFdeLmVWQ4eqacuEPH/xAjZIwGpYvg5Itw==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/solid-logic/-/solid-logic-4.0.1.tgz",
+      "integrity": "sha512-srCwjX171dUQKN9Pp12lBD4mghRrbSvLfPFmeYP3TezAd5yGleb1ojcbMeN15RVSJQHrPqZDh9TiBUXZo3knLw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -16559,16 +16559,16 @@
       "peer": true
     },
     "node_modules/solid-ui": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/solid-ui/-/solid-ui-3.0.0.tgz",
-      "integrity": "sha512-tF8z9pt/dmgc6NmezQpBlIzKcYwpaagvtpycSOKuYyruN3wKlK8ib4wgmL82iq/MJWLqwzFgezq3yYVO8Bw1PA==",
+      "version": "3.0.1-11be53b",
+      "resolved": "https://registry.npmjs.org/solid-ui/-/solid-ui-3.0.1-11be53b.tgz",
+      "integrity": "sha512-G6ypaEoh916d7AzTtjDe4thRpJTrcnYu5pA3L7ns7+z0smramsJ3enfz8/K3d0ADqLkRZcKOkXjJmDVqmGucyw==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
         "@noble/curves": "^1.9.6",
         "@noble/hashes": "^1.8.0",
         "escape-html": "^1.0.3",
-        "mime-types": "^3.0.1",
+        "mime-types": "^3.0.2",
         "pane-registry": "^3.0.0",
         "solid-namespace": "^0.5.4",
         "uuid": "^11.1.0"
@@ -16578,7 +16578,7 @@
       },
       "peerDependencies": {
         "rdflib": "^2.3.0",
-        "solid-logic": "^4.0.0"
+        "solid-logic": "^4.0.1"
       }
     },
     "node_modules/source-map": {
diff --git a/package.json b/package.json
index 9b51c38..b4949ee 100644
--- a/package.json
+++ b/package.json
@@ -51,7 +51,7 @@
   "peerDependencies": {
     "rdflib": "^2.3.0",
     "solid-logic": "^4.0.0",
-    "solid-ui": "^3.0.0"
+    "solid-ui": "^3.0.1-11be53b"
   },
   "devDependencies": {
     "@babel/cli": "^7.26.4",
diff --git a/src/longChatPane.js b/src/longChatPane.js
index fb048f6..b220c66 100644
--- a/src/longChatPane.js
+++ b/src/longChatPane.js
@@ -14,8 +14,8 @@ const CHAT_LOCATION_IN_CONTAINER = 'index.ttl#this'
 // const menuIcon = 'noun_897914.svg'
 const SPANNER_ICON = 'noun_344563.svg'
 // resize: horizontal;  min-width: 20em;
-const SIDEBAR_COMPONENT_STYLE = UI.style.sidebarComponentStyle || ' padding: 0.5em; width: 100%;'
-const SIDEBAR_STYLE = UI.style.sidebarStyle || 'overflow-x: auto; overflow-y: auto; border-radius: 1em; border: 0.1em solid white;'
+const SIDEBAR_COMPONENT_STYLE = UI.style.sidebarComponentStyle || ' padding: var(--sui-space-md, 0.5em); width: 100%;'
+const SIDEBAR_STYLE = UI.style.sidebarStyle || 'overflow-x: auto; overflow-y: auto; border-radius: var(--sui-border-radius, 0.5em); border: 0.1em solid var(--sui-border-color, white);'
 // was purple border
 export const longChatPane = {
   CHAT_LOCATION_IN_CONTAINER,