diff --git a/core/themes/classy/css/components/container-inline.css b/core/themes/classy/css/components/container-inline.css
index f58abfe472..785e4de9d0 100644
--- a/core/themes/classy/css/components/container-inline.css
+++ b/core/themes/classy/css/components/container-inline.css
@@ -7,15 +7,11 @@
 .container-inline .label:after {
   content: ':';
 }
-.container-inline .form-radios label:after {
+.form-type-radios .container-inline label:after {
   content: '';
 }
-.container-inline .form-radios .form-type-radio {
-  margin-right: 1em;
-}
-[dir="rtl"] .container-inline .form-radios .form-type-radio {
-  margin-right: 0;
-  margin-left: 1em;
+.form-type-radios .container-inline .form-type-radio {
+  margin: 0 1em;
 }
 .container-inline .form-actions,
 .container-inline.form-actions {
diff --git a/core/themes/seven/css/components/container-inline.css b/core/themes/seven/css/components/container-inline.css
new file mode 100644
index 0000000000..a1968dc023
--- /dev/null
+++ b/core/themes/seven/css/components/container-inline.css
@@ -0,0 +1,15 @@
+/**
+ * @file
+ * Inline items.
+ */
+
+.container-inline .form-radios label:after {
+  content: '';
+}
+.container-inline .form-radios .form-type-radio {
+  margin-right: 1em;
+}
+[dir="rtl"] .container-inline .form-radios .form-type-radio {
+  margin-right: 0;
+  margin-left: 1em;
+}
diff --git a/core/themes/seven/css/components/container-inline.module.css b/core/themes/seven/css/components/container-inline.module.css
new file mode 100644
index 0000000000..d3844257b8
--- /dev/null
+++ b/core/themes/seven/css/components/container-inline.module.css
@@ -0,0 +1,9 @@
+/**
+ * @file
+ * Inline items.
+ */
+
+.container-inline div,
+.container-inline label {
+  display: inline-block;
+}
diff --git a/core/themes/seven/seven.libraries.yml b/core/themes/seven/seven.libraries.yml
index 21ac5bca48..96465e0b1d 100644
--- a/core/themes/seven/seven.libraries.yml
+++ b/core/themes/seven/seven.libraries.yml
@@ -8,6 +8,8 @@ global-styling:
     component:
       css/components/admin-list.css: {}
       css/components/content-header.css: {}
+      css/components/container-inline.css: {}
+      css/components/container-inline.module.css: {}
       css/components/breadcrumb.css: {}
       css/components/buttons.css: {}
       css/components/colors.css: {}
diff --git a/core/themes/stable/css/system/components/container-inline.module.css b/core/themes/stable/css/system/components/container-inline.module.css
index ba99a36563..b68da6509c 100644
--- a/core/themes/stable/css/system/components/container-inline.module.css
+++ b/core/themes/stable/css/system/components/container-inline.module.css
@@ -5,7 +5,7 @@
 
 .container-inline div,
 .container-inline label {
-  display: inline-block;
+  display: inline;
 }
 /* Details contents always need to be rendered as block. */
 .container-inline .details-wrapper {