diff --git a/src/Umbraco.Web.UI.Client/src/less/property-editors.less b/src/Umbraco.Web.UI.Client/src/less/property-editors.less
index fbca881d91..4d8079ee24 100644
--- a/src/Umbraco.Web.UI.Client/src/less/property-editors.less
+++ b/src/Umbraco.Web.UI.Client/src/less/property-editors.less
@@ -202,13 +202,16 @@ ul.color-picker li {
     }
 
     input[type="text"] {
-        min-width: 40%;
-        width: 320px;
-        display: inline-block;
+        display: flex;
+        flex: 1 1 100px;
         margin-top: 1px;
+        margin-right: 15px;
+        min-width: auto;
+        width: auto;
     }
 
     .sp-replacer {
+        display: inline-flex;
         margin-right: 18px;
     }