diff --git a/core/themes/olivero/css/components/layout-field.css b/core/themes/olivero/css/components/layout-field.css
new file mode 100644
index 00000000000..5b7d413c4ad
--- /dev/null
+++ b/core/themes/olivero/css/components/layout-field.css
@@ -0,0 +1,15 @@
+/*
+ * DO NOT EDIT THIS FILE.
+ * See the following change record for more information,
+ * https://www.drupal.org/node/3084859
+ * @preserve
+ */
+
+/**
+ * @file
+ * Visual styles for fields.
+ */
+
+.block-layout-builder:not(:last-child) .field {
+  margin-block-end: var(--sp2);
+}
diff --git a/core/themes/olivero/css/components/layout-field.pcss.css b/core/themes/olivero/css/components/layout-field.pcss.css
new file mode 100644
index 00000000000..931edb4875f
--- /dev/null
+++ b/core/themes/olivero/css/components/layout-field.pcss.css
@@ -0,0 +1,8 @@
+/**
+ * @file
+ * Visual styles for fields.
+ */
+
+.block-layout-builder:not(:last-child) .field {
+  margin-block-end: var(--sp2);
+}
diff --git a/core/themes/olivero/olivero.libraries.yml b/core/themes/olivero/olivero.libraries.yml
index 7fce73c7e52..1262096981c 100644
--- a/core/themes/olivero/olivero.libraries.yml
+++ b/core/themes/olivero/olivero.libraries.yml
@@ -37,6 +37,7 @@ global-styling:
       css/components/header-sticky-toggle.css: {}
       css/components/hero.css: {}
       css/components/links.css: {}
+      css/components/layout-field.css: {}
       css/components/messages.css: {}
       css/components/navigation/nav-button-mobile.css: {}
       css/components/node.css: {}