diff --git a/src/components/FeatureType/SymbologySelector.vue b/src/components/FeatureType/SymbologySelector.vue
index b2dc1389ae1efc846e70d5da3ac5d4da751dfa89..3f98932af08de44e7de9d56eec0695bf07091b47 100644
--- a/src/components/FeatureType/SymbologySelector.vue
+++ b/src/components/FeatureType/SymbologySelector.vue
@@ -14,7 +14,7 @@
           :name="form.color.html_name"
         >
       </div>
-      <div>
+      <div v-if="geomType === 'polygon'">
         <label>Opacité &nbsp;<span>(%)</span></label>
         <div class="range-container">
           <input
@@ -107,7 +107,7 @@ export default {
           html_name: 'couleur',
           value: '#000000',
         },
-        opacity: 1,
+        opacity: '0.5',
       }
     };
   },
diff --git a/src/views/FeatureType/FeatureTypeSymbology.vue b/src/views/FeatureType/FeatureTypeSymbology.vue
index 57f43bb376a05e1cf9ba12dcf94a61beeb19b9ff..c08a6fcf55ebc744b819ab047e9f9196548bde99 100644
--- a/src/views/FeatureType/FeatureTypeSymbology.vue
+++ b/src/views/FeatureType/FeatureTypeSymbology.vue
@@ -99,10 +99,7 @@
                 feature_type.colors_style.value.icons[option] :
                 null
               "
-              :init-opacity="feature_type.colors_style.value ?
-                feature_type.colors_style.value.opacities[option] :
-                null
-              "
+              :init-opacity="getOpacity(feature_type, option)"
               :geom-type="feature_type.customfield_set.geomType"
               @set="setColorsStyle"
             />
@@ -306,6 +303,13 @@ export default {
           console.error(err);
           this.loading = false;
         });
+    },
+
+    getOpacity(feature_type, optionName) {
+      if (feature_type.colors_style.value && feature_type.colors_style.value.opacities) {
+        return feature_type.colors_style.value.opacities[optionName];
+      }
+      return null;
     }
   }
 };