From d9d34ceedf07deeb8fcfeb9e841e23c0f5d5a22a Mon Sep 17 00:00:00 2001
From: Ivana Huckova <30407135+ivanahuckova@users.noreply.github.com>
Date: Wed, 21 Oct 2020 21:39:24 +0200
Subject: [PATCH] Fix cut off icon (#28442)

---
 packages/grafana-ui/src/components/Logs/LogRow.tsx         | 2 +-
 packages/grafana-ui/src/components/Logs/getLogRowStyles.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/grafana-ui/src/components/Logs/LogRow.tsx b/packages/grafana-ui/src/components/Logs/LogRow.tsx
index 691793895c2..e3aff053220 100644
--- a/packages/grafana-ui/src/components/Logs/LogRow.tsx
+++ b/packages/grafana-ui/src/components/Logs/LogRow.tsx
@@ -183,7 +183,7 @@ class UnThemedLogRow extends PureComponent<Props, State> {
           <td className={cx({ [style.logsRowLevel]: !hasError })}>
             {hasError && (
               <Tooltip content={`Error: ${errorMessage}`} placement="right" theme="error">
-                <Icon className={style.logIconError} name="exclamation-triangle" size="sm" />
+                <Icon className={style.logIconError} name="exclamation-triangle" size="xs" />
               </Tooltip>
             )}
           </td>
diff --git a/packages/grafana-ui/src/components/Logs/getLogRowStyles.ts b/packages/grafana-ui/src/components/Logs/getLogRowStyles.ts
index a4a27427d7a..61421045b45 100644
--- a/packages/grafana-ui/src/components/Logs/getLogRowStyles.ts
+++ b/packages/grafana-ui/src/components/Logs/getLogRowStyles.ts
@@ -114,12 +114,12 @@ export const getLogRowStyles = stylesFactory((theme: GrafanaTheme, logLevel?: Lo
         top: 1px;
         bottom: 1px;
         width: 3px;
+        left: 4px;
         background-color: ${logColor};
       }
     `,
     logIconError: css`
       color: ${theme.palette.red};
-      margin-left: -5px;
     `,
     logsRowToggleDetails: css`
       label: logs-row-toggle-details__level;