diff --git a/radicale/web/internal_data/css/main.css b/radicale/web/internal_data/css/main.css
index b06e2241..acb75fd6 100644
--- a/radicale/web/internal_data/css/main.css
+++ b/radicale/web/internal_data/css/main.css
@@ -191,7 +191,7 @@ main {
 #collectionsscene article p {
     font-size: 1em;
     max-height: 130px;
-    overflow: overlay;
+    overflow: auto;
     word-wrap: break-word;
 }
 
@@ -476,7 +476,8 @@ a.blue:active {
 }
 
 button.inline {
-    padding-inline: 1px;
+    padding-left: 1px;
+    padding-right: 1px;
     min-width: 2em;
     margin: 0;
 }
diff --git a/radicale/web/internal_data/index.html b/radicale/web/internal_data/index.html
index 278632c9..d7d6c4ef 100644
--- a/radicale/web/internal_data/index.html
+++ b/radicale/web/internal_data/index.html
@@ -127,13 +127,13 @@
           <option value="WEBCAL">webcal</option>
         </select>
         <label for="displayname">Title:</label>
-        <input data-name="displayname" type="text">
+        <input data-name="displayname" id="displayname" type="text">
         <label for="description">Description:</label>
-        <input data-name="description" type="text">
+        <input data-name="description" id="description" type="text">
         <label for="source">Source:</label>
-        <input data-name="source" type="url">
+        <input data-name="source" id="source" type="url">
         <label for="color">Color:</label>
-        <input data-name="color" type="color">
+        <input data-name="color" id="color" type="color">
         <br>
         <span class="error hidden" data-name="error"></span>
         <br>
@@ -309,15 +309,15 @@
           <option value="WEBCAL">Webcal</option>
         </select>
         <label for="href">HREF:</label>
-        <input data-name="href" type="text">
+        <input data-name="href" id="href" type="text">
         <label for="displayname">Title:</label>
-        <input data-name="displayname" type="text">
+        <input data-name="displayname" id="create_displayname" type="text">
         <label for="description">Description:</label>
-        <input data-name="description" type="text">
+        <input data-name="description" id="create_description" type="text">
         <label for="source">Source:</label>
-        <input data-name="source" type="url">
+        <input data-name="source" id="create_source" type="url">
         <label for="color">Color:</label>
-        <input data-name="color" type="color">
+        <input data-name="color" id="create_color" type="color">
         <br>
         <span class="error" data-name="error"></span>
         <br>
@@ -342,9 +342,9 @@
       </div>
       <form>
         <label for="uploadfile">File:</label>
-        <input data-name="uploadfile" type="file" accept=".ics, .vcf" multiple>
-        <label for="href">HREF:</label>
-        <input data-name="href" type="text">
+        <input data-name="uploadfile" id="uploadfile" type="file" accept=".ics, .vcf" multiple>
+        <label for="upload_href">HREF:</label>
+        <input data-name="href" id="upload_href" type="text">
         <small data-name="hreflimitmsg" class="hidden">You can only specify the HREF if you upload 1 file.</small>
         <button type="submit" class="green" data-name="submit">Upload</button>
         <button type="button" class="red" data-name="close">Close</button>
diff --git a/radicale/web/internal_data/js/scenes/CreateEditCollectionScene.js b/radicale/web/internal_data/js/scenes/CreateEditCollectionScene.js
index f0a8c92a..18583c81 100644
--- a/radicale/web/internal_data/js/scenes/CreateEditCollectionScene.js
+++ b/radicale/web/internal_data/js/scenes/CreateEditCollectionScene.js
@@ -53,7 +53,7 @@ export class CreateEditCollectionScene {
         this._displayname_form = /** @type {HTMLInputElement} */(get_element(this._html_scene, "[data-name=displayname]"));
         this._description_form = /** @type {HTMLInputElement} */(get_element(this._html_scene, "[data-name=description]"));
         this._source_form = /** @type {HTMLInputElement} */(get_element(this._html_scene, "[data-name=source]"));
-        this._source_label = get_element(this._html_scene, "label[for=source]");
+        this._source_label = get_element(this._html_scene, "label[for$=source]");
         this._type_form = /** @type {HTMLSelectElement} */(get_element(this._html_scene, "[data-name=type]"));
         this._color_form = /** @type {HTMLInputElement} */(get_element(this._html_scene, "[data-name=color]"));
         this._submit_btn = get_element(this._html_scene, "[data-name=submit]");
diff --git a/radicale/web/internal_data/js/scenes/UploadCollectionScene.js b/radicale/web/internal_data/js/scenes/UploadCollectionScene.js
index 10f0375f..b89e2f7f 100644
--- a/radicale/web/internal_data/js/scenes/UploadCollectionScene.js
+++ b/radicale/web/internal_data/js/scenes/UploadCollectionScene.js
@@ -48,7 +48,7 @@ export class UploadCollectionScene {
         this._uploadfile_form = /** @type {HTMLInputElement} */ (get_element(this._html_scene, "[data-name=uploadfile]"));
         this._uploadfile_lbl = get_element(this._html_scene, "label[for=uploadfile]");
         this._href_form = /** @type {HTMLInputElement} */ (get_element(this._html_scene, "[data-name=href]"));
-        this._href_label = get_element(this._html_scene, "label[for=href]");
+        this._href_label = get_element(this._html_scene, "label[for$=href]");
         this._hreflimitmsg_html = get_element(this._html_scene, "[data-name=hreflimitmsg]");
         this._pending_html = get_element(this._html_scene, "[data-name=pending]");
         this._error_form = get_element(this._html_scene, ":scope > span[data-name=error]");