diff --git a/src/views/FeatureType/FeatureTypeSymbology.vue b/src/views/FeatureType/FeatureTypeSymbology.vue
index 813803bd9b521676962ad9b58170d8004d884398..5bdb466eafa676c1210e9dfb3ff4dcb22daf330a 100644
--- a/src/views/FeatureType/FeatureTypeSymbology.vue
+++ b/src/views/FeatureType/FeatureTypeSymbology.vue
@@ -66,13 +66,13 @@
           >
             Champ de personnalisation de la symbologie:
           </label>
-          <span id="custom_types-dropdown">
+          <div id="custom_types-dropdown">
             <Dropdown
               :options="customizableFields"
               :selected="selectedCustomfield"
               :selection.sync="selectedCustomfield"
             />
-          </span>
+          </div>
         </div>
         <div
           v-if="selectedCustomfield"
@@ -83,6 +83,7 @@
             :key="option"
           >
             <SymbologySelector
+              :id="option"
               :title="option"
               :init-color="feature_type.colors_style.value ?
                 feature_type.colors_style.value.colors[option] ?
@@ -363,7 +364,6 @@ h1 {
 form {
   text-align: left;
   #customfield-select-label {
-    //cursor: pointer;
     font-weight: 600;
     font-size: 1.1em;
   }