From 625468c56a334b785e85fdad7405f01bff45243a Mon Sep 17 00:00:00 2001
From: Geido <60598000+geido@users.noreply.github.com>
Date: Fri, 16 Jul 2021 00:26:00 +0200
Subject: [PATCH] Fix style (#15662)

---
 .../src/components/ListViewCard/index.tsx         | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/superset-frontend/src/components/ListViewCard/index.tsx b/superset-frontend/src/components/ListViewCard/index.tsx
index d7ebecfdd67..1cc680b0a01 100644
--- a/superset-frontend/src/components/ListViewCard/index.tsx
+++ b/superset-frontend/src/components/ListViewCard/index.tsx
@@ -97,17 +97,18 @@ const TitleContainer = styled.div`
 `;
 
 const TitleLink = styled.span`
+  max-width: 50%;
+  overflow: hidden;
+  text-overflow: ellipsis;
   & a {
     color: ${({ theme }) => theme.colors.grayscale.dark1} !important;
-    overflow: hidden;
-    text-overflow: ellipsis;
-
-    & + .title-right {
-      margin-left: ${({ theme }) => theme.gridUnit * 2}px;
-    }
   }
 `;
 
+const TitleRight = styled.span`
+  margin-left: ${({ theme }) => theme.gridUnit * 2}px;
+`;
+
 const CoverFooter = styled.div`
   display: flex;
   flex-wrap: nowrap;
@@ -246,7 +247,7 @@ function ListViewCard({
                   <Link to={url!}>{title}</Link>
                 </TitleLink>
               </Tooltip>
-              {titleRight && <div className="title-right"> {titleRight}</div>}
+              {titleRight && <TitleRight>{titleRight}</TitleRight>}
               <div className="card-actions" data-test="card-actions">
                 {actions}
               </div>