diff --git a/ui/src/app/workflows/components/workflow-node-info/workflow-node-info.scss b/ui/src/app/workflows/components/workflow-node-info/workflow-node-info.scss
index d795aeb3d09a..2063135a63f5 100644
--- a/ui/src/app/workflows/components/workflow-node-info/workflow-node-info.scss
+++ b/ui/src/app/workflows/components/workflow-node-info/workflow-node-info.scss
@@ -16,6 +16,7 @@
         line-height: 24px;
         display: inline-block;
         vertical-align: middle;
+        overflow-x: auto !important; // override `.workflow-details__atribute-grid pre` selector
     }
 
     &__artifact-details span {
@@ -61,7 +62,7 @@
         span {
             color: $argo-color-teal-5;
         }
-        
+
         i {
             float: right;
             font-size: 1.5em;
diff --git a/ui/src/app/workflows/components/workflow-node-info/workflow-node-info.tsx b/ui/src/app/workflows/components/workflow-node-info/workflow-node-info.tsx
index d5ba22eccdf2..52becea191c3 100644
--- a/ui/src/app/workflows/components/workflow-node-info/workflow-node-info.tsx
+++ b/ui/src/app/workflows/components/workflow-node-info/workflow-node-info.tsx
@@ -68,7 +68,7 @@ interface Props {
 const AttributeRow = (attr: {title: string; value: any}) => (
     <React.Fragment key={attr.title}>
         <div>{attr.title}</div>
-        <div style={{overflow: 'auto hidden'}}>{attr.value}</div>
+        <div>{attr.value}</div>
     </React.Fragment>
 );
 const AttributeRows = (props: {attributes: {title: string; value: any}[]}) => (