diff --git a/x-pack/plugins/ml/public/application/components/job_messages/job_messages.tsx b/x-pack/plugins/ml/public/application/components/job_messages/job_messages.tsx
index e96a0e1188584..6fb19c7b64290 100644
--- a/x-pack/plugins/ml/public/application/components/job_messages/job_messages.tsx
+++ b/x-pack/plugins/ml/public/application/components/job_messages/job_messages.tsx
@@ -13,7 +13,6 @@ import { EuiSpacer, EuiInMemoryTable, EuiButtonIcon, EuiToolTip } from '@elastic
 
 import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';
-import { euiLightVars as theme } from '@kbn/ui-theme';
 import { timeFormatter } from '@kbn/ml-date-utils';
 
 import type { JobMessage } from '../../../../common/types/audit_message';
@@ -66,7 +65,7 @@ export const JobMessages: FC<JobMessagesProps> = ({
           ''
         ),
         render: (message: JobMessage) => <JobIcon message={message} />,
-        width: `${theme.euiSizeL}`,
+        width: '6%',
       },
       {
         field: 'timestamp',
diff --git a/x-pack/plugins/transform/public/app/components/job_icon.tsx b/x-pack/plugins/transform/public/app/components/job_icon.tsx
index 139d168c9dbb7..1172b0b165051 100644
--- a/x-pack/plugins/transform/public/app/components/job_icon.tsx
+++ b/x-pack/plugins/transform/public/app/components/job_icon.tsx
@@ -23,10 +23,10 @@ export const JobIcon: FC<Props> = ({ message, showTooltip = false }) => {
   }
 
   let color = 'primary';
-  const icon = 'warning';
+  let icon = 'warning';
 
   if (message.level === INFO) {
-    color = 'primary';
+    icon = 'iInCircle';
   } else if (message.level === WARNING) {
     color = 'warning';
   } else if (message.level === ERROR) {
diff --git a/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/expanded_row.tsx b/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/expanded_row.tsx
index 08806dbeb0818..549023a95732d 100644
--- a/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/expanded_row.tsx
+++ b/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/expanded_row.tsx
@@ -8,7 +8,7 @@
 import React, { type FC } from 'react';
 import { css } from '@emotion/react';
 
-import { EuiTabbedContent } from '@elastic/eui';
+import { useEuiTheme, EuiTabbedContent } from '@elastic/eui';
 
 import { i18n } from '@kbn/i18n';
 import { stringHash } from '@kbn/ml-string-hash';
@@ -30,6 +30,7 @@ interface Props {
 }
 
 export const ExpandedRow: FC<Props> = ({ item, onAlertEdit }) => {
+  const { euiTheme } = useEuiTheme();
   const tabId = stringHash(item.id);
 
   const tabs = [
@@ -112,7 +113,8 @@ export const ExpandedRow: FC<Props> = ({ item, onAlertEdit }) => {
       onTabClick={() => {}}
       expand={false}
       css={css`
-        width: 100%;
+        margin-left: -${euiTheme.size.xl};
+        width: calce(100% + ${euiTheme.size.xl});
 
         .euiTable {
           background-color: transparent;
diff --git a/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/expanded_row_messages_pane.tsx b/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/expanded_row_messages_pane.tsx
index 40ecd7585904d..48077414ffabb 100644
--- a/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/expanded_row_messages_pane.tsx
+++ b/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/expanded_row_messages_pane.tsx
@@ -8,10 +8,9 @@
 import type { MouseEvent } from 'react';
 import React, { useState, type FC } from 'react';
 
-import type { EuiBasicTableProps } from '@elastic/eui';
+import { useEuiTheme, type EuiBasicTableProps } from '@elastic/eui';
 import { formatDate, EuiPanel, EuiBasicTable, EuiToolTip, EuiButtonIcon } from '@elastic/eui';
 
-import { euiLightVars as theme } from '@kbn/ui-theme';
 import { i18n } from '@kbn/i18n';
 
 import { useEnabledFeatures } from '../../../../serverless_context';
@@ -31,6 +30,7 @@ interface Sorting {
 }
 
 export const ExpandedRowMessagesPane: FC<ExpandedRowMessagesPaneProps> = ({ transformId }) => {
+  const { euiTheme } = useEuiTheme();
   const { showNodeInfo } = useEnabledFeatures();
 
   const [pageIndex, setPageIndex] = useState(0);
@@ -80,8 +80,12 @@ export const ExpandedRowMessagesPane: FC<ExpandedRowMessagesPaneProps> = ({ tran
       ) : (
         ''
       ),
-      render: (message: TransformMessage) => <JobIcon message={message} />,
-      width: theme.euiSizeXL,
+      render: (message: TransformMessage) => (
+        <div css={{ marginLeft: `-${euiTheme.base * 1.75}px` }}>
+          <JobIcon message={message} />
+        </div>
+      ),
+      width: euiTheme.size.xl,
     },
     {
       field: 'timestamp',
diff --git a/x-pack/plugins/transform/tsconfig.json b/x-pack/plugins/transform/tsconfig.json
index 2faedae945810..9b1abbd589a83 100644
--- a/x-pack/plugins/transform/tsconfig.json
+++ b/x-pack/plugins/transform/tsconfig.json
@@ -41,7 +41,6 @@
     "@kbn/es-query",
     "@kbn/ml-agg-utils",
     "@kbn/ml-string-hash",
-    "@kbn/ui-theme",
     "@kbn/field-types",
     "@kbn/ml-nested-property",
     "@kbn/ml-is-defined",