diff --git a/readmore.js b/readmore.js
index a3d675c..39c52d6 100644
--- a/readmore.js
+++ b/readmore.js
@@ -1,7 +1,6 @@
-import { IgniteHtml } from '../ignite-html/ignite-html.js';
+import { IgniteHtml, IgniteProperty } from '../ignite-html/ignite-html.js';
 import { IgniteElement } from "../ignite-html/ignite-element.js";
 import { IgniteTemplate, slot, list, div, text, button } from "../ignite-html/ignite-template.js";
-import { IgniteProperty } from "../ignite-html/ignite-html.js";
 
 class ReadMore extends IgniteElement {
     constructor() {
@@ -23,7 +22,11 @@ class ReadMore extends IgniteElement {
     get properties() {
         return {
             limit: 125,
-            value: null,
+            value: new IgniteProperty(null, {
+                onChange: (oldValue, newValue) => {
+                    this.collapsed = true;
+                }
+            }),
             collapsed: true,
             collapsedValue: null,
             collapseButtonClass: "btn btn-none ps-2 text-primary"