diff --git a/packages/block-library/src/gallery/deprecated.scss b/packages/block-library/src/gallery/deprecated.scss index 1bdee3565cc2a9..a9bebe2ba8f130 100644 --- a/packages/block-library/src/gallery/deprecated.scss +++ b/packages/block-library/src/gallery/deprecated.scss @@ -18,6 +18,7 @@ flex-direction: column; justify-content: center; position: relative; + align-self: flex-start; // On mobile and responsive viewports, we allow only 1 or 2 columns at the most. width: calc(50% - 1em); diff --git a/packages/block-library/src/gallery/style.scss b/packages/block-library/src/gallery/style.scss index 19800d99394afe..77c90b1cf75976 100644 --- a/packages/block-library/src/gallery/style.scss +++ b/packages/block-library/src/gallery/style.scss @@ -109,7 +109,7 @@ &:not(.is-cropped) { figure.wp-block-image:not(#individual-image) { - margin-top: auto; + margin-top: 0; margin-bottom: auto; img { margin-bottom: var(--gallery-block--gutter-size, #{$grid-unit-20});