[Lens] Fixes the styling issue of dropping a geo field (#137510)

elastic · Aug 1, 2022 · c26e085 · c26e085
1 parent 3f0d321
commit c26e085
Showing 1 changed file with 24 additions and 22 deletions.
diff --git a/...ns/public/editor_frame_service/editor_frame/workspace_panel/geo_field_workspace_panel.tsx b/...ns/public/editor_frame_service/editor_frame/workspace_panel/geo_field_workspace_panel.tsx
@@ -46,28 +46,30 @@ export function GeoFieldWorkspacePanel(props: Props) {
   return (
     <EuiPageContentBody className="lnsWorkspacePanelWrapper__pageContentBody">
       <EuiText className="lnsWorkspacePanel__emptyContent" textAlign="center" size="s">
-        <h2>
-          <strong>{getVisualizeGeoFieldMessage(props.fieldType)}</strong>
-        </h2>
-        <GlobeIllustration aria-hidden={true} className="lnsWorkspacePanel__promptIllustration" />
-        <DragDrop
-          className="lnsVisualizeGeoFieldWorkspacePanel__dragDrop"
-          dataTestSubj="lnsGeoFieldWorkspace"
-          draggable={false}
-          dropTypes={['field_add']}
-          order={dragDropOrder}
-          value={dragDropIdentifier}
-          onDrop={onDrop}
-        >
-          <p>
-            <strong>
-              <FormattedMessage
-                id="xpack.lens.geoFieldWorkspace.dropMessage"
-                defaultMessage="Drop field here to open in Maps"
-              />
-            </strong>
-          </p>
-        </DragDrop>
+        <div>
+          <h2>
+            <strong>{getVisualizeGeoFieldMessage(props.fieldType)}</strong>
+          </h2>
+          <GlobeIllustration aria-hidden={true} className="lnsWorkspacePanel__promptIllustration" />
+          <DragDrop
+            className="lnsVisualizeGeoFieldWorkspacePanel__dragDrop"
+            dataTestSubj="lnsGeoFieldWorkspace"
+            draggable={false}
+            dropTypes={['field_add']}
+            order={dragDropOrder}
+            value={dragDropIdentifier}
+            onDrop={onDrop}
+          >
+            <p>
+              <strong>
+                <FormattedMessage
+                  id="xpack.lens.geoFieldWorkspace.dropMessage"
+                  defaultMessage="Drop field here to open in Maps"
+                />
+              </strong>
+            </p>
+          </DragDrop>
+        </div>
       </EuiText>
     </EuiPageContentBody>
   );