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 }>`