diff --git a/chromium_src/chrome/browser/resources/certificate_manager/certificate_manager.ts b/chromium_src/chrome/browser/resources/certificate_manager/certificate_manager.ts
index 20bff5a83fd..39ce2ebd8bd 100644
--- a/chromium_src/chrome/browser/resources/certificate_manager/certificate_manager.ts
+++ b/chromium_src/chrome/browser/resources/certificate_manager/certificate_manager.ts
@@ -3,41 +3,37 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this file,
 // You can obtain one at https://mozilla.org/MPL/2.0/.
 
-import { RegisterStyleOverride } from '//resources/brave/polymer_overriding.js'
-import { html } from '//resources/polymer/v3_0/polymer/polymer_bundled.min.js'
+import {injectStyle} from '//resources/brave/lit_overriding.js'
+import {css} from '//resources/lit/v3_0/lit.rollup.js'
+
 import { CertificateManagerElement } from './certificate_manager-chromium.js'
 
-RegisterStyleOverride(
-  'certificate-manager',
-  html`
-    <style>
-      .cr-nav-menu-item {
-        min-height: 20px !important;
-        border-end-end-radius: 0px !important;
-        border-start-end-radius: 0px !important;
-        box-sizing: content-box !important;
-      }
+injectStyle(CertificateManagerElement, css`
+  .cr-nav-menu-item {
+    min-height: 20px !important;
+    border-end-end-radius: 0px !important;
+    border-start-end-radius: 0px !important;
+    box-sizing: content-box !important;
+  }
 
-      .cr-nav-menu-item:hover {
-        background: transparent !important;
-      }
+  .cr-nav-menu-item:hover {
+    background: transparent !important;
+  }
 
-      .cr-nav-menu-item[selected] {
-        --iron-icon-fill-color: var(--cr-link-color) !important;
-        color: var(--cr-link-color) !important;
-        background: transparent !important;
-      }
+  .cr-nav-menu-item[selected] {
+    --iron-icon-fill-color: var(--cr-link-color) !important;
+    color: var(--cr-link-color) !important;
+    background: transparent !important;
+  }
 
-      .cr-nav-menu-item cr-icon {
-        display: none !important;
-      }
+  .cr-nav-menu-item cr-icon {
+    display: none !important;
+  }
 
-      .cr-nav-menu-item cr-ripple {
-        display: none !important;
-      }
-    </style>
-  `
-)
+  .cr-nav-menu-item cr-ripple {
+    display: none !important;
+  }
+`)
 
 // Note: This is a dynamic import so the style override is registered before the
 // component is defined.