diff --git a/src/components/split-panel/split-panel.ts b/src/components/split-panel/split-panel.ts
index 2753e05f..99c6a467 100644
--- a/src/components/split-panel/split-panel.ts
+++ b/src/components/split-panel/split-panel.ts
@@ -66,14 +66,7 @@ export default class SlSplitPanel extends LitElement {
     super.connectedCallback();
     this.resizeObserver = new ResizeObserver(entries => this.handleResize(entries));
     this.updateComplete.then(() => this.resizeObserver.observe(this));
-  }
 
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.resizeObserver.unobserve(this);
-  }
-
-  firstUpdated() {
     const { width, height } = this.getBoundingClientRect();
     this.size = this.vertical ? height : width;
 
@@ -84,6 +77,11 @@ export default class SlSplitPanel extends LitElement {
     this.positionPercentage = this.getPositionAsPercentage();
   }
 
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.resizeObserver.unobserve(this);
+  }
+
   handleDrag(event: Event) {
     if (this.disabled) {
       return;