From b000d7ced9c045887cd7c2a96ec186176a5d56e5 Mon Sep 17 00:00:00 2001
From: mfrachet <marvin.frachet@strapi.io>
Date: Mon, 27 Sep 2021 16:56:37 +0200
Subject: [PATCH] Remove double border in DZ

---
 .../DynamicZone/components/Component/index.js | 69 +++++++++----------
 1 file changed, 34 insertions(+), 35 deletions(-)

diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/index.js
index fb6a5e5bc2..3eb4b2bea0 100644
--- a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/index.js
+++ b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/index.js
@@ -64,41 +64,40 @@ const Component = ({
   return (
     <Box>
       <Rectangle />
-      <Box hasRadius borderColor="neutral150" shadow="tableShadow">
-        <Accordion expanded={isOpen} toggle={() => onToggle(index)}>
-          <AccordionToggle
-            action={
-              <Stack horizontal size={2}>
-                {showDownIcon && (
-                  <IconButton
-                    label={downLabel}
-                    onClick={handleMoveComponentDown}
-                    icon={<DownIcon />}
-                  />
-                )}
-                {showUpIcon && (
-                  <IconButton label={upLabel} onClick={handleMoveComponentUp} icon={<UpIcon />} />
-                )}
-                {isFieldAllowed && (
-                  <IconButton label={deleteLabel} onClick={handleRemove} icon={<DeleteIcon />} />
-                )}
-              </Stack>
-            }
-            title={friendlyName}
-            togglePosition="left"
-          />
-          <AccordionContent>
-            <FocusTrap onEscape={() => onToggle(index)}>
-              <FieldComponent
-                componentUid={componentUid}
-                icon={icon}
-                name={`${name}.${index}`}
-                isFromDynamicZone
-              />
-            </FocusTrap>
-          </AccordionContent>
-        </Accordion>
-      </Box>
+
+      <Accordion expanded={isOpen} toggle={() => onToggle(index)}>
+        <AccordionToggle
+          action={
+            <Stack horizontal size={2}>
+              {showDownIcon && (
+                <IconButton
+                  label={downLabel}
+                  onClick={handleMoveComponentDown}
+                  icon={<DownIcon />}
+                />
+              )}
+              {showUpIcon && (
+                <IconButton label={upLabel} onClick={handleMoveComponentUp} icon={<UpIcon />} />
+              )}
+              {isFieldAllowed && (
+                <IconButton label={deleteLabel} onClick={handleRemove} icon={<DeleteIcon />} />
+              )}
+            </Stack>
+          }
+          title={friendlyName}
+          togglePosition="left"
+        />
+        <AccordionContent>
+          <FocusTrap onEscape={() => onToggle(index)}>
+            <FieldComponent
+              componentUid={componentUid}
+              icon={icon}
+              name={`${name}.${index}`}
+              isFromDynamicZone
+            />
+          </FocusTrap>
+        </AccordionContent>
+      </Accordion>
     </Box>
   );
 };