diff --git a/datahub-web-react/src/app/ingest/source/IngestionSourceTableColumns.tsx b/datahub-web-react/src/app/ingest/source/IngestionSourceTableColumns.tsx
index c47d08d5b6..155e75f189 100644
--- a/datahub-web-react/src/app/ingest/source/IngestionSourceTableColumns.tsx
+++ b/datahub-web-react/src/app/ingest/source/IngestionSourceTableColumns.tsx
@@ -61,6 +61,14 @@ const CliBadge = styled.span`
         margin-right: 5px;
     }
 `;
+const StatusText = styled(Typography.Text)`
+    font-weight: bold;
+    margin-left: 8px;
+    color: ${(props) => props.color};
+    &:hover {
+        text-decoration: underline;
+      },
+`;
 interface TypeColumnProps {
     type: string;
     record: any;
@@ -124,9 +132,7 @@ export function LastStatusColumn({ status, record, setFocusExecutionUrn }: LastS
                 type="link"
                 onClick={() => setFocusExecutionUrn(record.lastExecUrn)}
             >
-                <Typography.Text strong style={{ color, marginLeft: 8 }}>
-                    {text || 'Pending...'}
-                </Typography.Text>
+                <StatusText color={color}>{text || 'Pending...'}</StatusText>
             </StatusButton>
         </StatusContainer>
     );
diff --git a/datahub-web-react/src/app/ingest/source/executions/ExecutionRequestDetailsModal.tsx b/datahub-web-react/src/app/ingest/source/executions/ExecutionRequestDetailsModal.tsx
index 00fdc89964..96dfc05e39 100644
--- a/datahub-web-react/src/app/ingest/source/executions/ExecutionRequestDetailsModal.tsx
+++ b/datahub-web-react/src/app/ingest/source/executions/ExecutionRequestDetailsModal.tsx
@@ -83,6 +83,17 @@ const ShowMoreButton = styled(Button)`
     padding: 0px;
 `;
 
+const LogsContainer = styled.div<LogsContainerProps>`
+    margin-bottom: -25px;
+    ${(props) =>
+        props.areLogsExpandable &&
+        !props.showExpandedLogs &&
+        `
+        -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(255,0,0,0.5) 60%, rgba(255,0,0,0) 90% );
+        mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(255,0,0,0.5) 60%, rgba(255,0,0,0) 90%);
+    `}
+`;
+
 const modalStyle = {
     top: 100,
 };
@@ -91,6 +102,11 @@ const modalBodyStyle = {
     padding: 0,
 };
 
+type LogsContainerProps = {
+    showExpandedLogs: boolean;
+    areLogsExpandable: boolean;
+};
+
 type Props = {
     urn: string;
     visible: boolean;
@@ -108,7 +124,7 @@ export const ExecutionDetailsModal = ({ urn, visible, onClose }: Props) => {
         downloadFile(output, `exec-${urn}.log`);
     };
 
-    const logs = (showExpandedLogs && output) || output.slice(0, 100);
+    const logs = (showExpandedLogs && output) || output.slice(0, 250);
     const result = data?.executionRequest?.result?.status;
 
     useEffect(() => {
@@ -140,7 +156,7 @@ export const ExecutionDetailsModal = ({ urn, visible, onClose }: Props) => {
     }
     const recipe = showExpandedRecipe ? recipeYaml : recipeYaml?.split('\n').slice(0, 1).join('\n');
 
-    const areLogsExpandable = output.length > 100;
+    const areLogsExpandable = output.length > 250;
     const isRecipeExpandable = recipeYaml?.includes('\n');
 
     return (
@@ -181,14 +197,16 @@ export const ExecutionDetailsModal = ({ urn, visible, onClose }: Props) => {
                             Download
                         </Button>
                     </SectionSubHeader>
-                    <Typography.Paragraph ellipsis>
-                        <pre>{`${logs}${!showExpandedLogs && areLogsExpandable ? '...' : ''}`}</pre>
-                        {areLogsExpandable && (
-                            <ShowMoreButton type="link" onClick={() => setShowExpandedLogs(!showExpandedLogs)}>
-                                {showExpandedLogs ? 'Hide' : 'Show More'}
-                            </ShowMoreButton>
-                        )}
-                    </Typography.Paragraph>
+                    <LogsContainer areLogsExpandable={areLogsExpandable} showExpandedLogs={showExpandedLogs}>
+                        <Typography.Paragraph ellipsis>
+                            <pre>{`${logs}${!showExpandedLogs && areLogsExpandable ? '...' : ''}`}</pre>
+                        </Typography.Paragraph>
+                    </LogsContainer>
+                    {areLogsExpandable && (
+                        <ShowMoreButton type="link" onClick={() => setShowExpandedLogs(!showExpandedLogs)}>
+                            {showExpandedLogs ? 'Hide' : 'Show More'}
+                        </ShowMoreButton>
+                    )}
                 </LogsSection>
                 {recipe && (
                     <RecipeSection>