Add default value for style if/when undefined.

elastic · May 14, 2021 · e22c3df · e22c3df
1 parent 1bab4c8
commit e22c3df
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/...ptime/public/components/monitor/synthetics/waterfall/components/middle_truncated_text.tsx b/...ptime/public/components/monitor/synthetics/waterfall/components/middle_truncated_text.tsx
@@ -60,8 +60,11 @@ const StyledButton = styled(EuiButtonEmpty)`
   }
 `;
 
+const DEFAULT_MAX_WIDTH = 275;
+
 const StyledTooltip = euiStyled(EuiToolTip)`
-  max-width: ${({ theme }) => parseInt(theme.eui.euiBreakpoints.s, 10) - 5}px;
+  max-width: ${({ theme }) =>
+    parseInt(theme.eui?.euiBreakpoints?.s ?? DEFAULT_MAX_WIDTH, 10) - 5}px;
 `; // prevent wrapping unless URL is longer than our min responsive breakpoint
 
 export const getChunks = (text: string = '') => {