TASK: Fix slotted are in input-wrapper for Chrome

src/components/form-input-wrapper/styles/form-input-wrapper.dark.scss

@@ -16,6 +16,12 @@
 
   .metadata {
     margin-left: auto;
+    margin-right: 1px;
+
+    ::slotted(neos-badge) {
+      margin-right: 0;
+      margin-left: 6px;
+    }
   }
 
   .content {
@@ -23,5 +29,13 @@
     align-items: center;
     flex: 1 0 100%;
     margin-top: $content-margin-medium;
+
+    slot[name="before"]::slotted(*) {
+      margin-right: 2px;
+    }
+
+    slot[name="after"]::slotted(*) {
+      margin-left: 2px;
+    }
   }
 }

src/components/form-input/styles/form-input.dark.scss

@@ -9,27 +9,6 @@
   line-height: 1.1;
   margin-bottom: $content-dark-margin;
 
-  .input ::slotted(neos-icon:first-child) {
-    margin-right: 4px;
-  }
-
-  .input ::slotted(neos-icon:last-child) {
-    margin-left: 4px;
-  }
-
-  .input ::slotted(neos-button:first-child) {
-    margin-right: 4px;
-  }
-
-  .input ::slotted(neos-button:last-child) {
-    margin-left: 4px;
-  }
-
-  .metadata ::slotted(neos-badge) {
-    margin-right: 0;
-    margin-left: 4px;
-  }
-
   input {
     background-color: $background-dark-color;
     border: 0;
@@ -39,7 +18,6 @@
     color: inherit;
 
     padding: 0 $content-padding;
-    margin: $content-margin-medium 0;
 
     &:focus:enabled,
     &:hover:enabled {

src/components/inspector-group/styles/inspector-group.dark.scss

@@ -17,6 +17,6 @@
   }
 
   .content {
-    padding: $content-padding
+    padding: $content-padding $content-padding-small;
   }
 }