diff --git a/chat/package.json b/chat/package.json
index d3edc60b4f..90b954b590 100644
--- a/chat/package.json
+++ b/chat/package.json
@@ -1,6 +1,6 @@
 {
   "name": "chat",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "main": "index.js",
   "license": "MIT",
   "dependencies": {
diff --git a/chat/src/App.css b/chat/src/App.css
index db435b6366..04740fbca4 100644
--- a/chat/src/App.css
+++ b/chat/src/App.css
@@ -58,6 +58,7 @@
   overflow: auto;
   z-index: 2;
   display: flex;
+  background: var(--background);
 }
 
 .App-input {
diff --git a/chat/src/features/chat/ChatMessage.tsx b/chat/src/features/chat/ChatMessage.tsx
index d0266a579a..462237848e 100644
--- a/chat/src/features/chat/ChatMessage.tsx
+++ b/chat/src/features/chat/ChatMessage.tsx
@@ -95,10 +95,6 @@ export function ChatMessageList() {
   const { messages } = useChat();
   const messageWrapper = useRef<HTMLDivElement>(null);
 
-  useEffect(() => {
-    messageWrapper.current.scrollTop = messageWrapper.current.scrollHeight;
-  }, [messages]);
-
   return (
     <div className="ChatMessageList" ref={messageWrapper}>
       {messages.map((message, index) => (
diff --git a/files/assets/css/chat_done.css b/files/assets/css/chat_done.css
index 23fc1443e2..efa71c8829 100644
--- a/files/assets/css/chat_done.css
+++ b/files/assets/css/chat_done.css
@@ -315,6 +315,7 @@ lite-youtube {
   overflow: auto;
   z-index: 2;
   display: flex;
+  background: var(--background);
 }
 .App-input {
   flex-basis: 7rem;
diff --git a/files/assets/js/chat_done.js b/files/assets/js/chat_done.js
index 2dc45a50c2..fb29f9eb18 100644
--- a/files/assets/js/chat_done.js
+++ b/files/assets/js/chat_done.js
@@ -31110,9 +31110,6 @@
   function ChatMessageList() {
     const { messages } = useChat();
     const messageWrapper = (0, import_react21.useRef)(null);
-    (0, import_react21.useEffect)(() => {
-      messageWrapper.current.scrollTop = messageWrapper.current.scrollHeight;
-    }, [messages]);
     return /* @__PURE__ */ import_react21.default.createElement("div", {
       className: "ChatMessageList",
       ref: messageWrapper
@@ -32674,7 +32671,7 @@
       className: "App-wrapper"
     }, /* @__PURE__ */ import_react35.default.createElement("div", {
       className: "App-heading"
-    }, /* @__PURE__ */ import_react35.default.createElement("small", null, "v", "0.0.3"), /* @__PURE__ */ import_react35.default.createElement(ChatHeading, null)), /* @__PURE__ */ import_react35.default.createElement("div", {
+    }, /* @__PURE__ */ import_react35.default.createElement("small", null, "v", "0.0.4"), /* @__PURE__ */ import_react35.default.createElement(ChatHeading, null)), /* @__PURE__ */ import_react35.default.createElement("div", {
       id: "chatWrapper",
       className: "App-content"
     }, /* @__PURE__ */ import_react35.default.createElement("div", {
diff --git a/files/templates/util/assetcache.html b/files/templates/util/assetcache.html
index 5df31ecf6e..c835619718 100644
--- a/files/templates/util/assetcache.html
+++ b/files/templates/util/assetcache.html
@@ -36,8 +36,8 @@ set CACHE_VER = {
 	'js/lozad.js': 4000,
 	'js/sort_table.js': 4001,
 
-	'css/chat_done.css': 1001,
-	'js/chat_done.js': 1001,
+	'css/chat_done.css': 1002,
+	'js/chat_done.js': 1002,
 }
 -%}