.block-editor-hooks__block-hooks {
	/**
	 * Since we're displaying the block icon alongside the block name,
	 * we need to right-align the toggle.
	 */
	.components-toggle-control .components-h-stack {
		flex-direction: row-reverse;
	}

	/**
	 * Un-reverse the flex direction for the toggle's label.
	 */
	.components-toggle-control .components-h-stack .components-h-stack {
		flex-direction: row;
	}

	.block-editor-hooks__block-hooks-helptext {
		color: $gray-700;
		font-size: $helptext-font-size;
		margin-bottom: $grid-unit-20;
	}
}
