diff --git a/package.json b/package.json
index 4ab7b3b74e445..c40f51cb7541f 100644
--- a/package.json
+++ b/package.json
@@ -1626,4 +1626,4 @@
     "yargs": "^15.4.1",
     "yarn-deduplicate": "^6.0.2"
   }
-}
+}
\ No newline at end of file
diff --git a/x-pack/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/rule_diff_tab.tsx b/x-pack/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/rule_diff_tab.tsx
index 6b3b6d05ba004..e7f5f814b89a7 100644
--- a/x-pack/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/rule_diff_tab.tsx
+++ b/x-pack/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/rule_diff_tab.tsx
@@ -6,7 +6,8 @@
  */
 
 import React, { useMemo } from 'react';
-import { Change, diffLines } from 'diff';
+import type { Change } from 'diff';
+import { diffLines } from 'diff';
 import { css } from '@emotion/react';
 import { euiThemeVars } from '@kbn/ui-theme';
 import { EuiSpacer, useEuiBackgroundColor, tint } from '@elastic/eui';
diff --git a/x-pack/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/rule_diff_tab_app_experience_team_poc.tsx b/x-pack/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/rule_diff_tab_app_experience_team_poc.tsx
index ad191c15d1178..e923aa794502e 100644
--- a/x-pack/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/rule_diff_tab_app_experience_team_poc.tsx
+++ b/x-pack/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/rule_diff_tab_app_experience_team_poc.tsx
@@ -9,7 +9,8 @@ import React, { useState, useMemo } from 'react';
 import { css } from '@emotion/react';
 import { euiThemeVars } from '@kbn/ui-theme';
 import { get } from 'lodash';
-import { Change, diffLines } from 'diff';
+import type { Change } from 'diff';
+import { diffLines } from 'diff';
 import {
   EuiSpacer,
   EuiAccordion,
diff --git a/x-pack/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/rule_diff_tab_diff2html.tsx b/x-pack/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/rule_diff_tab_diff2html.tsx
index 305fc89124fcc..8fa5eff526f86 100644
--- a/x-pack/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/rule_diff_tab_diff2html.tsx
+++ b/x-pack/plugins/security_solution/public/detection_engine/rule_management/components/rule_details/rule_diff_tab_diff2html.tsx
@@ -151,7 +151,7 @@ const WholeObjectDiff = ({
           toggleSection('whole');
         }}
       >
-        <div id="code-diff" dangerouslySetInnerHTML={{ __html: diffHtml }}></div>
+        <div id="code-diff" dangerouslySetInnerHTML={{ __html: diffHtml }} />
       </ExpandableSection>
       <EuiHorizontalRule margin="m" />
     </>