diff --git a/src/scss/components/_description.scss b/src/scss/components/_description.scss
index 767fb516..fc299a29 100644
--- a/src/scss/components/_description.scss
+++ b/src/scss/components/_description.scss
@@ -9,7 +9,7 @@
     .side-property {
         margin: 2px 0;
         display: grid;
-        grid-template-columns: 40% auto;
+        grid-template-columns: minmax(40%, max-content) 1fr;
         justify-content: left;
 
         label {
diff --git a/src/templates/item/spell-sheet.hbs b/src/templates/item/spell-sheet.hbs
index 039366f9..4e180755 100644
--- a/src/templates/item/spell-sheet.hbs
+++ b/src/templates/item/spell-sheet.hbs
@@ -31,7 +31,7 @@
         <div class="grid basic-properties">
             <div class="basic-property">
                 <label for="data.spellType">{{localize "DS4.SpellType"}}</label>
-                <select name="data.spellType" data-type="String">
+                <select id="data.spellType" name="data.spellType" data-type="String">
                     {{#select data.spellType}}
                     {{#each config.spellTypes as |value key|}}
                     <option value="{{key}}">{{value}}</option>
@@ -41,7 +41,7 @@
             </div>
             <div class="basic-property">
                 <label for="data.bonus">{{localize "DS4.SpellBonus"}}</label>
-                <input type="text" name="data.bonus" value="{{data.bonus}}" data-dtype="String" />
+                <input id="data.bonus" type="text" name="data.bonus" value="{{data.bonus}}" data-dtype="String" />
             </div>
         </div>
     {{/systems/ds4/templates/item/partials/sheet-header.hbs}}
@@ -50,7 +50,7 @@
     {{#> systems/ds4/templates/item/partials/body.hbs}}
         <div class="side-property">
             <label for="data.spellCategory">{{localize "DS4.SpellCategory"}}</label>
-            <select name="data.spellCategory" data-type="String">
+            <select id="data.spellCategory" name="data.spellCategory" data-type="String">
                 {{#select data.spellCategory}}
                 {{#each config.spellCategories as |value key|}}
                 <option value="{{key}}">{{value}}</option>
@@ -65,7 +65,7 @@
         <div class="side-property">
             <label for="data.scrollPrice">{{localize "DS4.SpellScrollPriceGold"}}</label>
             <input type="number" min="0" max="9999" step="0.01" data-dtype="Number"
-                name="data.scrollPrice" value="{{data.scrollPrice}}" />
+                name="data.scrollPrice" id="data.scrollPrice" value="{{data.scrollPrice}}" />
         </div>
     {{/systems/ds4/templates/item/partials/body.hbs}}