diff --git a/datahub-web-react/src/app/entityV2/dataset/profile/schema/components/SchemaDescriptionField.tsx b/datahub-web-react/src/app/entityV2/dataset/profile/schema/components/SchemaDescriptionField.tsx index 3a6b5190c2..0a2ec7c7d3 100644 --- a/datahub-web-react/src/app/entityV2/dataset/profile/schema/components/SchemaDescriptionField.tsx +++ b/datahub-web-react/src/app/entityV2/dataset/profile/schema/components/SchemaDescriptionField.tsx @@ -98,6 +98,7 @@ const StyledViewer = styled(Editor)` const DescriptionWrapper = styled.span` display: inline-flex; align-items: center; + width: 100%; `; const AddModalWrapper = styled.div``; @@ -219,13 +220,13 @@ export default function DescriptionField({ customStyle={{ fontSize: '12px' }} scrollableY={false} /> + {isSchemaEditable && isEdited && (edited)} {/* */} ) )} - {isSchemaEditable && isEdited && (edited)} {showAddModal && ( e.stopPropagation()}> ` max-width: 100%; position: relative; + flex: 1; ${(props) => props.lineLimit && props.lineLimit <= 1 && @@ -36,6 +37,7 @@ const MarkdownViewContainer = styled.div<{ scrollableY: boolean }>` word-wrap: break-word; overflow-x: hidden; overflow-y: ${(props) => (props.scrollableY ? 'auto' : 'hidden')}; + flex: 1; `; const CompactEditor = styled(Editor)<{ limit: number | null; customStyle?: React.CSSProperties }>`