.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-menu-group:not(:last-child),
	> div:not(:last-child) .components-menu-group {
  		border-bottom: 1px solid $light-gray-500;
	}
}
