From 1103913cf5f11679b9501edafe294ce7813c5561 Mon Sep 17 00:00:00 2001
From: brookewp <brooke.kaminski@automattic.com>
Date: Fri, 17 Mar 2023 17:03:16 -0700
Subject: [PATCH] Replace CSS margin with Spacer

---
 packages/components/src/form-token-field/index.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/components/src/form-token-field/index.tsx b/packages/components/src/form-token-field/index.tsx
index 81cf95c12855a3..8ab99376b23afb 100644
--- a/packages/components/src/form-token-field/index.tsx
+++ b/packages/components/src/form-token-field/index.tsx
@@ -27,6 +27,7 @@ import {
 	StyledHelp,
 	StyledLabel,
 } from '../base-control/styles/base-control-styles';
+import { Spacer } from '../spacer';
 
 const identity = ( value: string ) => value;
 
@@ -729,6 +730,7 @@ export function FormTokenField( props: FormTokenFieldProps ) {
 					/>
 				) }
 			</div>
+			<Spacer marginBottom={ ! __nextHasNoMarginBottom ? 2 : 0 } />
 			{ __experimentalShowHowTo && (
 				<StyledHelp
 					id={ `components-form-token-suggestions-howto-${ instanceId }` }