diff --git a/.github/workflows/publish-to-live-pypi.yml b/.github/workflows/publish-to-live-pypi.yml
index 1607f772..e20962ed 100644
--- a/.github/workflows/publish-to-live-pypi.yml
+++ b/.github/workflows/publish-to-live-pypi.yml
@@ -22,6 +22,13 @@ jobs:
         pip install
         build
         --user
+    - uses: actions/setup-node@v4
+      with:
+        node-version-file: '.nvmrc'
+    - name: Install dependencies
+      run: npm install
+    - name: Build client
+      run: webpack --mode production
     - name: Build a binary wheel and a source tarball
       run: >-
         python -m
diff --git a/.github/workflows/publish-to-test-pypi.yml b/.github/workflows/publish-to-test-pypi.yml
index d590f480..39a93390 100644
--- a/.github/workflows/publish-to-test-pypi.yml
+++ b/.github/workflows/publish-to-test-pypi.yml
@@ -11,10 +11,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - uses: actions/checkout@master
-    - name: Set up Python 3.9
+    - name: Set up Python 3.12
       uses: actions/setup-python@v1
       with:
-        python-version: 3.9
+        python-version: 3.12
 
     - name: Install pypa/build
       run: >-
@@ -22,6 +22,14 @@ jobs:
         pip install
         build
         --user
+    - uses: actions/setup-node@v4
+      with:
+        node-version-file: '.nvmrc'
+    - name: Install dependencies
+      run: npm install
+    - name: Build client
+      run: webpack --mode production
+
     - name: Build a binary wheel and a source tarball
       run: >-
         python -m
diff --git a/private/css/cms.linkfield.css b/private/css/cms.linkfield.css
index 282c7fb2..c2d432a6 100644
--- a/private/css/cms.linkfield.css
+++ b/private/css/cms.linkfield.css
@@ -3,8 +3,8 @@
         font-size: 0.8rem;
         position: relative;
         input[type="text"] {
-            padding-right: 3em;
-            background: var(--dca-white) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" fill="%23808080" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>') no-repeat right center;
+            padding-inline-end: 3em;
+            background: var(--dca-white) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" fill="%23808080" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>') no-repeat inline-end center;
             background-size: auto 1em;
         }
         .cms-linkfield-selected {
@@ -18,16 +18,16 @@
             z-index: 1;
             visibility: hidden;
             position: absolute;
-            max-height: 400px;
+            max-block-size: 400px;
             overflow: auto;
-            left: 0;
-            top: 100%;
+            inset-inline-start: 0;
+            inset-block-start: 100%;
             border: 1px solid var(--dca-gray-lighter);
             background: var(--dca-white);
-            width: 120%;
+            inline-size: 120%;
             resize: both;
-            border-bottom-left-radius: 4px;
-            border-bottom-right-radius: 4px;
+            border-end-start-radius: 4px;
+            border-end-end-radius: 4px;
             box-shadow: 0 1.5px 1.5px rgba(var(--dca-shadow),.4);
             .cms-linkfield-error {
                 color: red;
@@ -37,7 +37,7 @@
                 padding: 0.5rem 6px;
                 white-space: nowrap;
                 font-weight: normal;
-                border-bottom: 1px solid var(--dca-gray-lighter);
+                border-block-end: 1px solid var(--dca-gray-lighter);
                 &:last-child {
                     border-bottom: none;
                 }
diff --git a/private/js/tiptap_plugins/cms.balloon-toolbar.js b/private/js/tiptap_plugins/cms.balloon-toolbar.js
index bbae8951..5282a05a 100644
--- a/private/js/tiptap_plugins/cms.balloon-toolbar.js
+++ b/private/js/tiptap_plugins/cms.balloon-toolbar.js
@@ -114,7 +114,7 @@ export default class CmsBalloonToolbar {
         const startPos = resolvedPos.start(depth);
         this.toolbar.dataset.block = startPos;
         const pos = this.editor.view.coordsAtPos(startPos);
-        this.toolbar.style.top = `${pos.top + window.scrollY - this.ref.top}px`;
+        this.toolbar.style.insetBlockStart = `${pos.top + window.scrollY - this.ref.top}px`;
         // TODO: Set the size of the balloon according to the fontsize
         //  this.toolbar.style.setProperty('--size', this.editor.view. ...)
     }