diff --git a/packages/node_modules/@node-red/nodes/core/network/21-httpin.html b/packages/node_modules/@node-red/nodes/core/network/21-httpin.html
index 109177ec8..450bd32cc 100644
--- a/packages/node_modules/@node-red/nodes/core/network/21-httpin.html
+++ b/packages/node_modules/@node-red/nodes/core/network/21-httpin.html
@@ -160,23 +160,21 @@
             return this.name?"node_label_italic":"";
         },
         oneditprepare: function() {
-            function resizeRule(rule) {
-                var newWidth = rule.width();
-                rule.find('.red-ui-typedInput').typedInput("width",(newWidth-15)/2);
-            }
             var headerList = $("#node-input-headers-container").css('min-height','150px').css('min-width','450px').editableList({
                 addItem: function(container,i,header) {
                     var row = $('<div/>').css({
                         overflow: 'hidden',
-                        whiteSpace: 'nowrap'
+                        whiteSpace: 'nowrap',
+                        display: 'flex'
                     }).appendTo(container);
-
-                    var propertyName = $('<input/>',{class:"node-input-header-name",type:"text"})
-                        .appendTo(row)
+                    var propertNameCell = $('<div/>').css({'flex-grow':1}).appendTo(row);
+                    var propertyName = $('<input/>',{class:"node-input-header-name",type:"text", style:"width: 100%"})
+                        .appendTo(propertNameCell)
                         .typedInput({types:headerTypes});
 
-                    var propertyValue = $('<input/>',{class:"node-input-header-value",type:"text",style:"margin-left: 10px"})
-                        .appendTo(row)
+                    var propertyValueCell = $('<div/>').css({'flex-grow':1,'margin-left':'10px'}).appendTo(row);
+                    var propertyValue = $('<input/>',{class:"node-input-header-value",type:"text",style:"width: 100%"})
+                        .appendTo(propertyValueCell)
                         .typedInput({types:
                             header.h === 'content-type'?contentTypes:[{value:"other",label:"other",icon:"red/images/typedInput/az.png"}]
                         });
@@ -224,12 +222,7 @@
                             propertyValue.typedInput('types',[{value:"other",label:"other",icon:"red/images/typedInput/az.png"}]);
                         }
                     });
-
-
-
-                    resizeRule(container);
                 },
-                resizeItem: resizeRule,
                 removable: true
             });