diff --git a/src/converters/lintConfigs/rules/ruleConverters.ts b/src/converters/lintConfigs/rules/ruleConverters.ts
index b61646ab1..66a6766ee 100644
--- a/src/converters/lintConfigs/rules/ruleConverters.ts
+++ b/src/converters/lintConfigs/rules/ruleConverters.ts
@@ -174,6 +174,7 @@ import { convertTemplateCyclomaticComplexity } from "./ruleConverters/codelyzer/
 import { convertTemplateMouseEventsHaveKeyEvents } from "./ruleConverters/codelyzer/template-mouse-events-have-key-events";
 import { convertTemplateNoAutofocus } from "./ruleConverters/codelyzer/template-no-autofocus";
 import { convertTemplateNoCallExpression } from "./ruleConverters/codelyzer/template-no-call-expression";
+import { convertTemplateNoDistractingElements } from "./ruleConverters/codelyzer/template-no-distracting-elements";
 import { convertTemplateNoNegatedAsync } from "./ruleConverters/codelyzer/template-no-negated-async";
 import { convertUseComponentSelector } from "./ruleConverters/codelyzer/use-component-selector";
 import { convertUseComponentViewEncapsulation } from "./ruleConverters/codelyzer/use-component-view-encapsulation";
@@ -390,6 +391,7 @@ export const ruleConverters = new Map([
     ["template-mouse-events-have-key-events", convertTemplateMouseEventsHaveKeyEvents],
     ["template-no-autofocus", convertTemplateNoAutofocus],
     ["template-no-call-expression", convertTemplateNoCallExpression],
+    ["template-no-distracting-elements", convertTemplateNoDistractingElements],
     ["template-no-negated-async", convertTemplateNoNegatedAsync],
     ["trailing-comma", convertTrailingComma],
     ["triple-equals", convertTripleEquals],
diff --git a/src/converters/lintConfigs/rules/ruleConverters/codelyzer/template-no-distracting-elements.ts b/src/converters/lintConfigs/rules/ruleConverters/codelyzer/template-no-distracting-elements.ts
new file mode 100644
index 000000000..8d6ed517b
--- /dev/null
+++ b/src/converters/lintConfigs/rules/ruleConverters/codelyzer/template-no-distracting-elements.ts
@@ -0,0 +1,12 @@
+import { RuleConverter } from "../../ruleConverter";
+
+export const convertTemplateNoDistractingElements: RuleConverter = () => {
+    return {
+        rules: [
+            {
+                ruleName: "@angular-eslint/template/no-distracting-elements",
+            },
+        ],
+        plugins: ["@angular-eslint/eslint-plugin-template"],
+    };
+};
diff --git a/src/converters/lintConfigs/rules/ruleConverters/codelyzer/tests/template-no-distracting-elements.test.ts b/src/converters/lintConfigs/rules/ruleConverters/codelyzer/tests/template-no-distracting-elements.test.ts
new file mode 100644
index 000000000..e37f285c4
--- /dev/null
+++ b/src/converters/lintConfigs/rules/ruleConverters/codelyzer/tests/template-no-distracting-elements.test.ts
@@ -0,0 +1,18 @@
+import { convertTemplateNoDistractingElements } from "../template-no-distracting-elements";
+
+describe(convertTemplateNoDistractingElements, () => {
+    test("conversion without arguments", () => {
+        const result = convertTemplateNoDistractingElements({
+            ruleArguments: [],
+        });
+
+        expect(result).toEqual({
+            rules: [
+                {
+                    ruleName: "@angular-eslint/template/no-distracting-elements",
+                },
+            ],
+            plugins: ["@angular-eslint/eslint-plugin-template"],
+        });
+    });
+});