.edit-post-more-menu {
	margin-left: -4px;

	// the padding and margin of the more menu is intentionally non-standard
	.components-icon-button {
		width: auto;
		padding: 8px 2px;
	}

	@include break-small() {
		margin-left: 4px;

		.components-icon-button {
			padding: 8px 4px;
		}
	}

	.components-button svg {
		transform: rotate(90deg);
	}
}

.edit-post-more-menu__content .components-popover__content {
	min-width: 260px;

	// Let the menu scale to fit items.
	@include break-mobile() {
		width: auto;
		max-width: $break-mobile;
	}

	.components-menu-group:not(:last-child),
	> div:not(:last-child) .components-menu-group {
		border-bottom: $border-width solid $light-gray-500;
	}

	.components-menu-item__button {
		padding-left: 2rem;

		&.has-icon {
			padding-left: 0.5rem;
		}
	}
}