From 4b48fe15d9eee34152cface56759534debb4544e Mon Sep 17 00:00:00 2001
From: chad1008 <13856531+chad1008@users.noreply.github.com>
Date: Thu, 30 Nov 2023 09:17:53 -0500
Subject: [PATCH] replace the div

---
 .../components/colors-gradients/control.js    | 66 ++++++++++---------
 1 file changed, 34 insertions(+), 32 deletions(-)

diff --git a/packages/block-editor/src/components/colors-gradients/control.js b/packages/block-editor/src/components/colors-gradients/control.js
index 9591b96838a12..9009c0411f465 100644
--- a/packages/block-editor/src/components/colors-gradients/control.js
+++ b/packages/block-editor/src/components/colors-gradients/control.js
@@ -129,40 +129,42 @@ function ColorGradientControlInner( {
 						</legend>
 					) }
 					{ canChooseAColor && canChooseAGradient && (
-						<Tabs
-							initialTabId={
-								gradientValue
-									? TAB_IDS.gradient
-									: !! canChooseAColor && TAB_IDS.color
-							}
-						>
-							<Tabs.TabList>
-								<Tabs.Tab id={ TAB_IDS.color }>
-									{ __( 'Solid' ) }
-								</Tabs.Tab>
-								<Tabs.Tab id={ TAB_IDS.gradient }>
-									{ __( 'Gradient' ) }
-								</Tabs.Tab>
-							</Tabs.TabList>
-							<Tabs.TabPanel
-								id={ TAB_IDS.color }
-								className={
-									'block-editor-color-gradient-control__panel'
+						<div>
+							<Tabs
+								initialTabId={
+									gradientValue
+										? TAB_IDS.gradient
+										: !! canChooseAColor && TAB_IDS.color
 								}
-								focusable={ false }
 							>
-								{ tabPanels.color }
-							</Tabs.TabPanel>
-							<Tabs.TabPanel
-								id={ TAB_IDS.gradient }
-								className={
-									'block-editor-color-gradient-control__panel'
-								}
-								focusable={ false }
-							>
-								{ tabPanels.gradient }
-							</Tabs.TabPanel>
-						</Tabs>
+								<Tabs.TabList>
+									<Tabs.Tab id={ TAB_IDS.color }>
+										{ __( 'Solid' ) }
+									</Tabs.Tab>
+									<Tabs.Tab id={ TAB_IDS.gradient }>
+										{ __( 'Gradient' ) }
+									</Tabs.Tab>
+								</Tabs.TabList>
+								<Tabs.TabPanel
+									id={ TAB_IDS.color }
+									className={
+										'block-editor-color-gradient-control__panel'
+									}
+									focusable={ false }
+								>
+									{ tabPanels.color }
+								</Tabs.TabPanel>
+								<Tabs.TabPanel
+									id={ TAB_IDS.gradient }
+									className={
+										'block-editor-color-gradient-control__panel'
+									}
+									focusable={ false }
+								>
+									{ tabPanels.gradient }
+								</Tabs.TabPanel>
+							</Tabs>
+						</div>
 					) }
 
 					{ ! canChooseAGradient && renderPanelType( TAB_IDS.color ) }