.block-editor-block-variation-transforms {
	padding: 0 $grid-unit-20 $grid-unit-20 56px;
	width: 100%;

	.components-dropdown-menu__toggle {
		border: 1px solid $gray-700;
		border-radius: $radius-block-ui;
		min-height: 30px;
		width: 100%;
		position: relative;
		text-align: left;
		justify-content: left;
		padding: 6px 12px;

		// For all button sizes allow sufficient space for the
		// dropdown "arrow" icon to display.
		&.components-dropdown-menu__toggle {
			padding-right: $icon-size;
		}

		&:focus:not(:disabled) {
			border-color: var(--gc-admin-theme-color);
			box-shadow: 0 0 0 calc(var(--gc-admin-border-width-focus) - #{ $border-width }) var(--gc-admin-theme-color);
		}

		svg {
			height: 100%;
			padding: 0;
			position: absolute;
			right: 0;
			top: 0;
		}
	}
}

.block-editor-block-variation-transforms__popover .components-popover__content {
	min-width: 230px;
}