diff --git a/.changeset/new-chefs-build.md b/.changeset/new-chefs-build.md
new file mode 100644
index 0000000000000..64cd540963c87
--- /dev/null
+++ b/.changeset/new-chefs-build.md
@@ -0,0 +1,6 @@
+---
+"@gradio/atoms": patch
+"gradio": patch
+---
+
+fix:Fix chatbot `visible` prop not reacting to changes
diff --git a/js/atoms/src/Block.svelte b/js/atoms/src/Block.svelte
index 2190d033db77f..8ef5581bc6b40 100644
--- a/js/atoms/src/Block.svelte
+++ b/js/atoms/src/Block.svelte
@@ -19,8 +19,6 @@
 	export let min_width = 0;
 	export let flex = false;
 
-	if (!visible) flex = false;
-
 	let tag = type === "fieldset" ? "fieldset" : "div";
 
 	const get_dimension = (
@@ -35,6 +33,10 @@
 			return dimension_value;
 		}
 	};
+
+	$: if (!visible) {
+		flex = false;
+	}
 </script>
 
 <svelte:element