diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx
index 7d335e553d..fa54036dbb 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx
@@ -49,7 +49,8 @@ const VerticalFilterControlTitle = styled.h4`
 const HorizontalFilterControlTitle = styled(VerticalFilterControlTitle)`
   font-weight: ${({ theme }) => theme.typography.weights.normal};
   color: ${({ theme }) => theme.colors.grayscale.base};
-  ${truncationCSS}
+  max-width: ${({ theme }) => theme.gridUnit * 15}px;
+  ${truncationCSS};
 `;
 
 const HorizontalOverflowFilterControlTitle = styled(
@@ -68,7 +69,6 @@ const VerticalFilterControlTitleBox = styled.div`
 
 const HorizontalFilterControlTitleBox = styled(VerticalFilterControlTitleBox)`
   margin-bottom: unset;
-  max-width: ${({ theme }) => theme.gridUnit * 15}px;
 `;
 
 const HorizontalOverflowFilterControlTitleBox = styled(