From 55e627440db017d6030c4e307d1e120889841ddf Mon Sep 17 00:00:00 2001
From: Josh <37798644+joshuaellis@users.noreply.github.com>
Date: Mon, 16 Jan 2023 12:17:05 +0000
Subject: [PATCH] fix: use box to contain ellipse

---
 .../components/DragLayer/RelationDragPreview.js    | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/core/admin/admin/src/content-manager/components/DragLayer/RelationDragPreview.js b/packages/core/admin/admin/src/content-manager/components/DragLayer/RelationDragPreview.js
index 0a03b67d4a..14b361fd4f 100644
--- a/packages/core/admin/admin/src/content-manager/components/DragLayer/RelationDragPreview.js
+++ b/packages/core/admin/admin/src/content-manager/components/DragLayer/RelationDragPreview.js
@@ -43,12 +43,14 @@ export const RelationDragPreview = ({ status, displayedValue, width }) => {
           <IconButton noBorder>
             <Drag />
           </IconButton>
-          <ChildrenWrapper justifyContent="space-between">
-            <LinkEllipsis minWidth={0} paddingTop={1} paddingBottom={1} paddingRight={4}>
-              <Typography textColor="primary600" ellipsis>
-                {displayedValue}
-              </Typography>
-            </LinkEllipsis>
+          <ChildrenWrapper maxWidth="100%" justifyContent="space-between">
+            <Box minWidth={0} paddingTop={1} paddingBottom={1} paddingRight={4}>
+              <LinkEllipsis>
+                <Typography textColor="primary600" ellipsis>
+                  {displayedValue}
+                </Typography>
+              </LinkEllipsis>
+            </Box>
             {status && (
               <Status variant={statusColor} showBullet={false} size="S">
                 <Typography fontWeight="bold" textColor={`${statusColor}700`}>