diff --git a/.changelog/1293.bugfix.md b/.changelog/1293.bugfix.md
new file mode 100644
index 000000000..7ac12493f
--- /dev/null
+++ b/.changelog/1293.bugfix.md
@@ -0,0 +1 @@
+Show LongDataDisplay controls only when needed
diff --git a/src/app/components/LongDataDisplay/index.tsx b/src/app/components/LongDataDisplay/index.tsx
index 37a2f65cf..9371a8157 100644
--- a/src/app/components/LongDataDisplay/index.tsx
+++ b/src/app/components/LongDataDisplay/index.tsx
@@ -66,8 +66,8 @@ export const LongDataDisplay: FC<{ data: string; fontWeight?: number; collapsedL
           lineHeight: `${lineHeight}px`,
           overflowWrap: 'anywhere',
           display: '-webkit-box',
-          '-webkit-line-clamp': isExpanded ? 'none' : `${collapsedLinesNumber}`, // keep it as string to avoid MUI adding px
-          '-webkit-box-orient': 'vertical',
+          WebkitLineClamp: isExpanded ? 'none' : collapsedLinesNumber,
+          WebkitBoxOrient: 'vertical',
         }}
       >
         {data}