diff --git a/ui/src/app/extension/extensions-forms/extension-form-http.directive.js b/ui/src/app/extension/extensions-forms/extension-form-http.directive.js
index a2f457290a..06f0664473 100644
--- a/ui/src/app/extension/extensions-forms/extension-form-http.directive.js
+++ b/ui/src/app/extension/extensions-forms/extension-form-http.directive.js
@@ -87,6 +87,7 @@ export default function ExtensionFormHttpDirective($compile, $templateCache, $tr
             if (index > -1) {
                 scope.converterConfigs.splice(index, 1);
             }
+            scope.theForm.$setDirty();
         }
 
         scope.addConverter = function(converters) {
@@ -99,6 +100,7 @@ export default function ExtensionFormHttpDirective($compile, $templateCache, $tr
             if (index > -1) {
                 converters.splice(index, 1);
             }
+            scope.theForm.$setDirty();
         }
 
         scope.addAttribute = function(attributes) {
@@ -111,6 +113,7 @@ export default function ExtensionFormHttpDirective($compile, $templateCache, $tr
             if (index > -1) {
                 attributes.splice(index, 1);
             }
+            scope.theForm.$setDirty();
         }
 
         scope.transformerTypeChange = function(attribute) {
diff --git a/ui/src/app/extension/extensions-forms/extension-form-http.tpl.html b/ui/src/app/extension/extensions-forms/extension-form-http.tpl.html
index 29d6b4f46a..8c6137cf65 100644
--- a/ui/src/app/extension/extensions-forms/extension-form-http.tpl.html
+++ b/ui/src/app/extension/extensions-forms/extension-form-http.tpl.html
@@ -15,7 +15,7 @@
     limitations under the License.
 
 -->
-<md-card class="extension-form">
+<md-card class="extension-form extension-http">
     <md-card-title>
         <md-card-title-text>
             <span translate class="md-headline">extension.configuration</span>