diff --git a/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.styles.tsx b/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.styles.tsx
index 738aa6b..77063d0 100644
--- a/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.styles.tsx
+++ b/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.styles.tsx
@@ -57,6 +57,7 @@ export const VariableItemRow = styled.div`
 
 export const VariableCellValue = styled.div`
   width: 100%;
+  min-width: 0;
   box-sizing: border-box;
   font: ${({ theme }) => theme.typography.body.font};
   color: ${({ theme }) => theme.colors.text.primary};
diff --git a/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.tsx b/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.tsx
index e5b101c..5733bb2 100644
--- a/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.tsx
+++ b/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.tsx
@@ -240,23 +240,21 @@ export const DetailsTabView: React.FC<DetailsTabViewProps> = ({ steps }) => {
                         {Object.entries(step.variables).map(
                           ([key, variable]) => {
                             const valueStr = String(variable?.value ?? "");
-                            const isTruncated = valueStr.length > 75;
-                            const displayValue = isTruncated
-                              ? valueStr.substring(0, 75) + "..."
-                              : valueStr;
                             const varName = variable?.name || key;
                             const varType = variable?.type || "unknown";
 
                             return (
                               <VariableItemRow key={key}>
-                                <VariableCellValue
-                                  style={{
-                                    cursor: isTruncated ? "help" : "default",
-                                  }}
-                                  title={isTruncated ? valueStr : undefined}
-                                >
-                                  <strong>{varName}</strong> ({varType}) :{" "}
-                                  {displayValue}
+                                <VariableCellValue>
+                                  <ExpandableText
+                                    $lineClamp={2}
+                                    $text={
+                                      <>
+                                        <strong>{varName}</strong> ({varType}) :{" "}
+                                        {valueStr}
+                                      </>
+                                    }
+                                  />
                                 </VariableCellValue>
                               </VariableItemRow>
                             );