From c75004bbd217ccbed82a3f31003029c1d4405862 Mon Sep 17 00:00:00 2001
From: Cesar Gonzalez <cgonzalez@bitwarden.com>
Date: Fri, 3 May 2024 14:30:00 -0500
Subject: [PATCH] [PM-5189] Reworking project structure to ensure we can better
 differentiate the inline menu feature from other features

---
 ...ll-inline-menu-iframe.service.spec.ts.snap |   10 -
 ...tofill-overlay-iframe.service.spec.ts.snap |   11 -
 .../autofill-inline-menu-button.spec.ts.snap  |   82 --
 .../autofill-overlay-button.spec.ts.snap      |   83 --
 .../button/autofill-inline-menu-button.ts     |    4 +-
 .../autofill-inline-menu-list.spec.ts.snap    |  132 +-
 .../autofill-overlay-list.spec.ts.snap        | 1071 -----------------
 .../list/autofill-inline-menu-list.spec.ts    |  136 ++-
 .../pages/list/autofill-inline-menu-list.ts   |  143 +--
 .../overlay/inline-menu/pages/list/list.scss  |   10 +-
 .../src/autofill/spec/autofill-mocks.ts       |    4 +-
 11 files changed, 219 insertions(+), 1467 deletions(-)
 delete mode 100644 apps/browser/src/autofill/overlay/inline-menu/iframe-content/__snapshots__/autofill-overlay-iframe.service.spec.ts.snap
 delete mode 100644 apps/browser/src/autofill/overlay/inline-menu/pages/button/__snapshots__/autofill-overlay-button.spec.ts.snap
 delete mode 100644 apps/browser/src/autofill/overlay/inline-menu/pages/list/__snapshots__/autofill-overlay-list.spec.ts.snap

diff --git a/apps/browser/src/autofill/overlay/inline-menu/iframe-content/__snapshots__/autofill-inline-menu-iframe.service.spec.ts.snap b/apps/browser/src/autofill/overlay/inline-menu/iframe-content/__snapshots__/autofill-inline-menu-iframe.service.spec.ts.snap
index dd151e4e83d..4400b528d0f 100644
--- a/apps/browser/src/autofill/overlay/inline-menu/iframe-content/__snapshots__/autofill-inline-menu-iframe.service.spec.ts.snap
+++ b/apps/browser/src/autofill/overlay/inline-menu/iframe-content/__snapshots__/autofill-inline-menu-iframe.service.spec.ts.snap
@@ -9,13 +9,3 @@ exports[`AutofillInlineMenuIframeService initMenuIframe sets up the iframe's att
   title="title"
 />
 `;
-
-exports[`AutofillOverlayIframeService initMenuIframe sets up the iframe's attributes 1`] = `
-<iframe
-  allowtransparency="true"
-  src="chrome-extension://id/overlay/menu.html"
-  style="all: initial !important; position: fixed !important; display: block !important; z-index: 2147483647 !important; line-height: 0 !important; overflow: hidden !important; transition: opacity 125ms ease-out 0s !important; visibility: visible !important; clip-path: none !important; pointer-events: auto !important; margin: 0px !important; padding: 0px !important; color-scheme: normal !important; opacity: 0 !important; height: 0px;"
-  tabindex="-1"
-  title="title"
-/>
-`;
diff --git a/apps/browser/src/autofill/overlay/inline-menu/iframe-content/__snapshots__/autofill-overlay-iframe.service.spec.ts.snap b/apps/browser/src/autofill/overlay/inline-menu/iframe-content/__snapshots__/autofill-overlay-iframe.service.spec.ts.snap
deleted file mode 100644
index 2baa56c0151..00000000000
--- a/apps/browser/src/autofill/overlay/inline-menu/iframe-content/__snapshots__/autofill-overlay-iframe.service.spec.ts.snap
+++ /dev/null
@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AutofillOverlayIframeService initMenuIframe sets up the iframe's attributes 1`] = `
-<iframe
-  allowtransparency="true"
-  src="chrome-extension://id/overlay/menu.html"
-  style="all: initial !important; position: fixed !important; display: block !important; z-index: 2147483647 !important; line-height: 0 !important; overflow: hidden !important; transition: opacity 125ms ease-out 0s !important; visibility: visible !important; clip-path: none !important; pointer-events: auto !important; margin: 0px !important; padding: 0px !important; color-scheme: normal !important; opacity: 0 !important; height: 0px;"
-  tabindex="-1"
-  title="title"
-/>
-`;
diff --git a/apps/browser/src/autofill/overlay/inline-menu/pages/button/__snapshots__/autofill-inline-menu-button.spec.ts.snap b/apps/browser/src/autofill/overlay/inline-menu/pages/button/__snapshots__/autofill-inline-menu-button.spec.ts.snap
index 0232832cb42..a336c25a650 100644
--- a/apps/browser/src/autofill/overlay/inline-menu/pages/button/__snapshots__/autofill-inline-menu-button.spec.ts.snap
+++ b/apps/browser/src/autofill/overlay/inline-menu/pages/button/__snapshots__/autofill-inline-menu-button.spec.ts.snap
@@ -81,85 +81,3 @@ exports[`AutofillInlineMenuButton initAutofillInlineMenuButton creates the butto
   </svg>
 </button>
 `;
-
-exports[`AutofillOverlayButton initAutofillInlineMenuButton creates the button element with the locked icon when the user's auth status is not Unlocked 1`] = `
-<button
-  aria-label="toggleBitwardenVaultOverlay"
-  class="inline-menu-button"
-  tabindex="-1"
-  type="button"
->
-  <svg
-    aria-hidden="true"
-    class="inline-menu-button-svg-icon logo-locked-icon"
-    fill="none"
-    height="16"
-    viewBox="0 0 16 16"
-    width="16"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <g
-      clip-path="url(#a)"
-    >
-      <path
-        d="M12.66.175A.566.566 0 0 0 12.25 0H1.75a.559.559 0 0 0-.409.175.561.561 0 0 0-.175.41v7c.002.532.105 1.06.305 1.554.189.488.444.948.756 1.368.322.42.682.81 1.076 1.163.365.335.75.649 1.152.939.35.248.718.483 1.103.706.385.222.656.372.815.45.16.08.29.141.386.182A.53.53 0 0 0 7 14a.509.509 0 0 0 .238-.055c.098-.043.225-.104.387-.182.162-.079.438-.23.816-.45.378-.222.75-.459 1.102-.707.403-.29.788-.604 1.154-.939a8.435 8.435 0 0 0 1.076-1.163c.312-.42.567-.88.757-1.367a4.19 4.19 0 0 0 .304-1.555v-7a.55.55 0 0 0-.174-.407Z"
-        fill="#175DDC"
-      />
-      <path
-        d="M7 12.365s4.306-2.18 4.306-4.717V1.5H7v10.865Z"
-        fill="#fff"
-      />
-      <circle
-        cx="12.889"
-        cy="12.889"
-        fill="#F8F9FA"
-        r="4.889"
-      />
-      <path
-        d="M11.26 11.717h2.37v-.848c0-.313-.116-.58-.348-.8a1.17 1.17 0 0 0-.838-.332c-.327 0-.606.11-.838.332a1.066 1.066 0 0 0-.347.8v.848Zm3.851.424v2.546a.4.4 0 0 1-.13.3.44.44 0 0 1-.314.124h-4.445a.44.44 0 0 1-.315-.124.4.4 0 0 1-.13-.3V12.14a.4.4 0 0 1 .13-.3.44.44 0 0 1 .315-.124h.148v-.848c0-.542.204-1.008.612-1.397a2.044 2.044 0 0 1 1.462-.583c.568 0 1.056.194 1.463.583.408.39.611.855.611 1.397v.848h.149a.44.44 0 0 1 .315.124.4.4 0 0 1 .13.3Z"
-        fill="#555"
-      />
-    </g>
-    <defs>
-      <clippath
-        id="a"
-      >
-        <rect
-          fill="#fff"
-          height="16"
-          rx="2"
-          width="16"
-        />
-      </clippath>
-    </defs>
-  </svg>
-</button>
-`;
-
-exports[`AutofillOverlayButton initAutofillInlineMenuButton creates the button element with the normal icon when the user's auth status is Unlocked  1`] = `
-<button
-  aria-label="toggleBitwardenVaultOverlay"
-  class="inline-menu-button"
-  tabindex="-1"
-  type="button"
->
-  <svg
-    aria-hidden="true"
-    class="inline-menu-button-svg-icon logo-icon"
-    fill="none"
-    height="14"
-    viewBox="0 0 14 14"
-    width="14"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M12.66.175A.566.566 0 0 0 12.25 0H1.75a.559.559 0 0 0-.409.175.561.561 0 0 0-.175.41v7c.002.532.105 1.06.305 1.554.189.488.444.948.756 1.368.322.42.682.81 1.076 1.163.365.335.75.649 1.152.939.35.248.718.483 1.103.706.385.222.656.372.815.45.16.08.29.141.386.182A.53.53 0 0 0 7 14a.509.509 0 0 0 .238-.055c.098-.043.225-.104.387-.182.162-.079.438-.23.816-.45.378-.222.75-.459 1.102-.707.403-.29.788-.604 1.154-.939a8.435 8.435 0 0 0 1.076-1.163c.312-.42.567-.88.757-1.367a4.19 4.19 0 0 0 .304-1.555v-7a.55.55 0 0 0-.174-.407Z"
-      fill="#175DDC"
-    />
-    <path
-      d="M7 12.365s4.306-2.18 4.306-4.717V1.5H7v10.865Z"
-      fill="#fff"
-    />
-  </svg>
-</button>
-`;
diff --git a/apps/browser/src/autofill/overlay/inline-menu/pages/button/__snapshots__/autofill-overlay-button.spec.ts.snap b/apps/browser/src/autofill/overlay/inline-menu/pages/button/__snapshots__/autofill-overlay-button.spec.ts.snap
deleted file mode 100644
index ed6688bbfee..00000000000
--- a/apps/browser/src/autofill/overlay/inline-menu/pages/button/__snapshots__/autofill-overlay-button.spec.ts.snap
+++ /dev/null
@@ -1,83 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AutofillOverlayButton initAutofillOverlayButton creates the button element with the locked icon when the user's auth status is not Unlocked 1`] = `
-<button
-  aria-label="toggleBitwardenVaultOverlay"
-  class="inline-menu-button"
-  tabindex="-1"
-  type="button"
->
-  <svg
-    aria-hidden="true"
-    class="inline-menu-button-svg-icon logo-locked-icon"
-    fill="none"
-    height="16"
-    viewBox="0 0 16 16"
-    width="16"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <g
-      clip-path="url(#a)"
-    >
-      <path
-        d="M12.66.175A.566.566 0 0 0 12.25 0H1.75a.559.559 0 0 0-.409.175.561.561 0 0 0-.175.41v7c.002.532.105 1.06.305 1.554.189.488.444.948.756 1.368.322.42.682.81 1.076 1.163.365.335.75.649 1.152.939.35.248.718.483 1.103.706.385.222.656.372.815.45.16.08.29.141.386.182A.53.53 0 0 0 7 14a.509.509 0 0 0 .238-.055c.098-.043.225-.104.387-.182.162-.079.438-.23.816-.45.378-.222.75-.459 1.102-.707.403-.29.788-.604 1.154-.939a8.435 8.435 0 0 0 1.076-1.163c.312-.42.567-.88.757-1.367a4.19 4.19 0 0 0 .304-1.555v-7a.55.55 0 0 0-.174-.407Z"
-        fill="#175DDC"
-      />
-      <path
-        d="M7 12.365s4.306-2.18 4.306-4.717V1.5H7v10.865Z"
-        fill="#fff"
-      />
-      <circle
-        cx="12.889"
-        cy="12.889"
-        fill="#F8F9FA"
-        r="4.889"
-      />
-      <path
-        d="M11.26 11.717h2.37v-.848c0-.313-.116-.58-.348-.8a1.17 1.17 0 0 0-.838-.332c-.327 0-.606.11-.838.332a1.066 1.066 0 0 0-.347.8v.848Zm3.851.424v2.546a.4.4 0 0 1-.13.3.44.44 0 0 1-.314.124h-4.445a.44.44 0 0 1-.315-.124.4.4 0 0 1-.13-.3V12.14a.4.4 0 0 1 .13-.3.44.44 0 0 1 .315-.124h.148v-.848c0-.542.204-1.008.612-1.397a2.044 2.044 0 0 1 1.462-.583c.568 0 1.056.194 1.463.583.408.39.611.855.611 1.397v.848h.149a.44.44 0 0 1 .315.124.4.4 0 0 1 .13.3Z"
-        fill="#555"
-      />
-    </g>
-    <defs>
-      <clippath
-        id="a"
-      >
-        <rect
-          fill="#fff"
-          height="16"
-          rx="2"
-          width="16"
-        />
-      </clippath>
-    </defs>
-  </svg>
-</button>
-`;
-
-exports[`AutofillOverlayButton initAutofillOverlayButton creates the button element with the normal icon when the user's auth status is Unlocked  1`] = `
-<button
-  aria-label="toggleBitwardenVaultOverlay"
-  class="inline-menu-button"
-  tabindex="-1"
-  type="button"
->
-  <svg
-    aria-hidden="true"
-    class="inline-menu-button-svg-icon logo-icon"
-    fill="none"
-    height="14"
-    viewBox="0 0 14 14"
-    width="14"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M12.66.175A.566.566 0 0 0 12.25 0H1.75a.559.559 0 0 0-.409.175.561.561 0 0 0-.175.41v7c.002.532.105 1.06.305 1.554.189.488.444.948.756 1.368.322.42.682.81 1.076 1.163.365.335.75.649 1.152.939.35.248.718.483 1.103.706.385.222.656.372.815.45.16.08.29.141.386.182A.53.53 0 0 0 7 14a.509.509 0 0 0 .238-.055c.098-.043.225-.104.387-.182.162-.079.438-.23.816-.45.378-.222.75-.459 1.102-.707.403-.29.788-.604 1.154-.939a8.435 8.435 0 0 0 1.076-1.163c.312-.42.567-.88.757-1.367a4.19 4.19 0 0 0 .304-1.555v-7a.55.55 0 0 0-.174-.407Z"
-      fill="#175DDC"
-    />
-    <path
-      d="M7 12.365s4.306-2.18 4.306-4.717V1.5H7v10.865Z"
-      fill="#fff"
-    />
-  </svg>
-</button>
-`;
diff --git a/apps/browser/src/autofill/overlay/inline-menu/pages/button/autofill-inline-menu-button.ts b/apps/browser/src/autofill/overlay/inline-menu/pages/button/autofill-inline-menu-button.ts
index 0aeb1af607d..03debe861c4 100644
--- a/apps/browser/src/autofill/overlay/inline-menu/pages/button/autofill-inline-menu-button.ts
+++ b/apps/browser/src/autofill/overlay/inline-menu/pages/button/autofill-inline-menu-button.ts
@@ -41,7 +41,7 @@ class AutofillInlineMenuButton extends AutofillInlineMenuPageElement {
   }
 
   /**
-   * Initializes the overlay button. Facilitates ensuring that the page
+   * Initializes the inline menu button. Facilitates ensuring that the page
    * is set up with the expected styles and translations.
    *
    * @param authStatus - The authentication status of the user
@@ -114,7 +114,7 @@ class AutofillInlineMenuButton extends AutofillInlineMenuPageElement {
 
   /**
    * Checks if the button is focused. If it is not, then it posts a message
-   * to the parent window indicating that the overlay should be closed.
+   * to the parent window indicating that the inline menu should be closed.
    */
   private checkButtonFocused() {
     if (globalThis.document.hasFocus()) {
diff --git a/apps/browser/src/autofill/overlay/inline-menu/pages/list/__snapshots__/autofill-inline-menu-list.spec.ts.snap b/apps/browser/src/autofill/overlay/inline-menu/pages/list/__snapshots__/autofill-inline-menu-list.spec.ts.snap
index 00908061946..b18d4ed8108 100644
--- a/apps/browser/src/autofill/overlay/inline-menu/pages/list/__snapshots__/autofill-inline-menu-list.spec.ts.snap
+++ b/apps/browser/src/autofill/overlay/inline-menu/pages/list/__snapshots__/autofill-inline-menu-list.spec.ts.snap
@@ -1,15 +1,66 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`AutofillOverlayList initAutofillInlineMenuList the list of ciphers for an authenticated user creates the view for a list of ciphers 1`] = `
+exports[`AutofillInlineMenuList initAutofillInlineMenuList the inline menu with an empty list of ciphers creates the views for the no results inline menu 1`] = `
 <div
-  class="overlay-list-container theme_light"
+  class="inline-menu-list-container theme_light"
+>
+  <div
+    class="no-items inline-menu-list-message"
+  >
+    noItemsToShow
+  </div>
+  <div
+    class="inline-menu-list-button-container"
+  >
+    <button
+      aria-label="addNewVaultItem, opensInANewWindow"
+      class="add-new-item-button inline-menu-list-button"
+      id="new-item-button"
+      tabindex="-1"
+    >
+      <svg
+        aria-hidden="true"
+        fill="none"
+        height="17"
+        viewBox="0 0 16 17"
+        width="16"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g
+          clip-path="url(#a)"
+        >
+          <path
+            d="M15.222 7.914H8.963a.471.471 0 0 1-.34-.147.512.512 0 0 1-.142-.353V.99c0-.133-.05-.26-.14-.354a.471.471 0 0 0-.68 0 .51.51 0 0 0-.142.354v6.424c0 .132-.051.26-.142.353a.474.474 0 0 1-.34.147H.777a.47.47 0 0 0-.34.146.5.5 0 0 0-.14.354.522.522 0 0 0 .14.353.48.48 0 0 0 .34.147h6.26c.128 0 .25.052.34.146.09.094.142.221.142.354v6.576c0 .132.05.26.14.353a.471.471 0 0 0 .68 0 .512.512 0 0 0 .142-.353V9.414c0-.133.051-.26.142-.354a.474.474 0 0 1 .34-.146h6.26c.127 0 .25-.053.34-.147a.511.511 0 0 0 0-.707.472.472 0 0 0-.34-.146Z"
+            fill="#175DDC"
+          />
+        </g>
+        <defs>
+          <clippath
+            id="a"
+          >
+            <path
+              d="M0 .49h16v16H0z"
+              fill="#fff"
+            />
+          </clippath>
+        </defs>
+      </svg>
+      newItem
+    </button>
+  </div>
+</div>
+`;
+
+exports[`AutofillInlineMenuList initAutofillInlineMenuList the list of ciphers for an authenticated user creates the view for a list of ciphers 1`] = `
+<div
+  class="inline-menu-list-container theme_light"
 >
   <ul
-    class="overlay-actions-list"
+    class="inline-menu-list-actions"
     role="list"
   >
     <li
-      class="overlay-actions-list-item"
+      class="inline-menu-list-actions-item"
       role="listitem"
     >
       <div
@@ -79,7 +130,7 @@ exports[`AutofillOverlayList initAutofillInlineMenuList the list of ciphers for
       </div>
     </li>
     <li
-      class="overlay-actions-list-item"
+      class="inline-menu-list-actions-item"
       role="listitem"
     >
       <div
@@ -148,7 +199,7 @@ exports[`AutofillOverlayList initAutofillInlineMenuList the list of ciphers for
       </div>
     </li>
     <li
-      class="overlay-actions-list-item"
+      class="inline-menu-list-actions-item"
       role="listitem"
     >
       <div
@@ -204,7 +255,7 @@ exports[`AutofillOverlayList initAutofillInlineMenuList the list of ciphers for
       </div>
     </li>
     <li
-      class="overlay-actions-list-item"
+      class="inline-menu-list-actions-item"
       role="listitem"
     >
       <div
@@ -289,7 +340,7 @@ exports[`AutofillOverlayList initAutofillInlineMenuList the list of ciphers for
       </div>
     </li>
     <li
-      class="overlay-actions-list-item"
+      class="inline-menu-list-actions-item"
       role="listitem"
     >
       <div
@@ -359,7 +410,7 @@ exports[`AutofillOverlayList initAutofillInlineMenuList the list of ciphers for
       </div>
     </li>
     <li
-      class="overlay-actions-list-item"
+      class="inline-menu-list-actions-item"
       role="listitem"
     >
       <div
@@ -432,22 +483,22 @@ exports[`AutofillOverlayList initAutofillInlineMenuList the list of ciphers for
 </div>
 `;
 
-exports[`AutofillOverlayList initAutofillInlineMenuList the locked overlay for an unauthenticated user creates the views for the locked overlay 1`] = `
+exports[`AutofillInlineMenuList initAutofillInlineMenuList the locked inline menu for an unauthenticated user creates the views for the locked inline menu 1`] = `
 <div
-  class="overlay-list-container theme_light"
+  class="inline-menu-list-container theme_light"
 >
   <div
-    class="locked-overlay overlay-list-message"
-    id="locked-overlay-description"
+    class="locked-inline-menu inline-menu-list-message"
+    id="locked-inline-menu-description"
   >
     unlockYourAccount
   </div>
   <div
-    class="overlay-list-button-container"
+    class="inline-menu-list-button-container"
   >
     <button
       aria-label="unlockAccount, opensInANewWindow"
-      class="unlock-button overlay-list-button"
+      class="unlock-button inline-menu-list-button"
       id="unlock-button"
       tabindex="-1"
     >
@@ -483,54 +534,3 @@ exports[`AutofillOverlayList initAutofillInlineMenuList the locked overlay for a
   </div>
 </div>
 `;
-
-exports[`AutofillOverlayList initAutofillInlineMenuList the overlay with an empty list of ciphers creates the views for the no results overlay 1`] = `
-<div
-  class="overlay-list-container theme_light"
->
-  <div
-    class="no-items overlay-list-message"
-  >
-    noItemsToShow
-  </div>
-  <div
-    class="overlay-list-button-container"
-  >
-    <button
-      aria-label="addNewVaultItem, opensInANewWindow"
-      class="add-new-item-button overlay-list-button"
-      id="new-item-button"
-      tabindex="-1"
-    >
-      <svg
-        aria-hidden="true"
-        fill="none"
-        height="17"
-        viewBox="0 0 16 17"
-        width="16"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g
-          clip-path="url(#a)"
-        >
-          <path
-            d="M15.222 7.914H8.963a.471.471 0 0 1-.34-.147.512.512 0 0 1-.142-.353V.99c0-.133-.05-.26-.14-.354a.471.471 0 0 0-.68 0 .51.51 0 0 0-.142.354v6.424c0 .132-.051.26-.142.353a.474.474 0 0 1-.34.147H.777a.47.47 0 0 0-.34.146.5.5 0 0 0-.14.354.522.522 0 0 0 .14.353.48.48 0 0 0 .34.147h6.26c.128 0 .25.052.34.146.09.094.142.221.142.354v6.576c0 .132.05.26.14.353a.471.471 0 0 0 .68 0 .512.512 0 0 0 .142-.353V9.414c0-.133.051-.26.142-.354a.474.474 0 0 1 .34-.146h6.26c.127 0 .25-.053.34-.147a.511.511 0 0 0 0-.707.472.472 0 0 0-.34-.146Z"
-            fill="#175DDC"
-          />
-        </g>
-        <defs>
-          <clippath
-            id="a"
-          >
-            <path
-              d="M0 .49h16v16H0z"
-              fill="#fff"
-            />
-          </clippath>
-        </defs>
-      </svg>
-      newItem
-    </button>
-  </div>
-</div>
-`;
diff --git a/apps/browser/src/autofill/overlay/inline-menu/pages/list/__snapshots__/autofill-overlay-list.spec.ts.snap b/apps/browser/src/autofill/overlay/inline-menu/pages/list/__snapshots__/autofill-overlay-list.spec.ts.snap
deleted file mode 100644
index 0cccbf9e61a..00000000000
--- a/apps/browser/src/autofill/overlay/inline-menu/pages/list/__snapshots__/autofill-overlay-list.spec.ts.snap
+++ /dev/null
@@ -1,1071 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AutofillOverlayList initAutofillInlineMenuList the list of ciphers for an authenticated user creates the view for a list of ciphers 1`] = `
-<div
-  class="overlay-list-container theme_light"
->
-  <ul
-    class="overlay-actions-list"
-    role="list"
-  >
-    <li
-      class="overlay-actions-list-item"
-      role="listitem"
-    >
-      <div
-        class="cipher-container"
-      >
-        <button
-          aria-description="partialUsername, username1"
-          aria-label="fillCredentialsFor website login 1"
-          class="fill-cipher-button"
-          tabindex="-1"
-        >
-          <span
-            aria-hidden="true"
-            class="cipher-icon"
-            style="background-image: url(https://jest-testing-website.com/image.png);"
-          />
-          <span
-            class="cipher-details"
-          >
-            <span
-              class="cipher-name"
-              title="website login 1"
-            >
-              website login 1
-            </span>
-            <span
-              class="cipher-user-login"
-              title="username1"
-            >
-              username1
-            </span>
-          </span>
-        </button>
-        <button
-          aria-label="view website login 1, opensInANewWindow"
-          class="view-cipher-button"
-          tabindex="-1"
-        >
-          <svg
-            aria-hidden="true"
-            fill="none"
-            height="20"
-            viewBox="0 0 20 20"
-            width="20"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <g
-              clip-path="url(#a)"
-            >
-              <path
-                d="M16.587 7.932H5.9a.455.455 0 0 1-.31-.12.393.393 0 0 1-.127-.287c0-.108.046-.211.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.076.128.179.128.287a.393.393 0 0 1-.128.288.455.455 0 0 1-.31.119Zm0 2.474H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm0 2.468H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm2.163-8.103v10.457H1.25V4.771h17.5Zm0-1.162H1.25a1.3 1.3 0 0 0-.884.34A1.122 1.122 0 0 0 0 4.772v10.457c0 .308.132.604.366.822a1.3 1.3 0 0 0 .884.34h17.5a1.3 1.3 0 0 0 .884-.34c.234-.218.366-.514.366-.822V4.771c0-.308-.132-.603-.366-.821a1.3 1.3 0 0 0-.884-.34ZM3.213 8.01c.287 0 .52-.217.52-.484s-.234-.483-.52-.483c-.288 0-.52.216-.52.483s.233.483.52.483Zm0 4.903c.287 0 .52-.217.52-.484 0-.266-.234-.483-.52-.483-.287 0-.52.216-.52.483s.233.484.52.484Zm0-2.452c.287 0 .52-.216.52-.483 0-.268-.234-.484-.52-.484-.288 0-.52.216-.52.484 0 .267.233.483.52.483Z"
-                fill="#175DDC"
-              />
-            </g>
-            <defs>
-              <clippath
-                id="a"
-              >
-                <path
-                  d="M0 .113h20v19.773H0z"
-                  fill="#fff"
-                />
-              </clippath>
-            </defs>
-          </svg>
-        </button>
-      </div>
-    </li>
-    <li
-      class="overlay-actions-list-item"
-      role="listitem"
-    >
-      <div
-        class="cipher-container"
-      >
-        <button
-          aria-description="partialUsername, username2"
-          aria-label="fillCredentialsFor website login 2"
-          class="fill-cipher-button"
-          tabindex="-1"
-        >
-          <span
-            aria-hidden="true"
-            class="cipher-icon bwi bw-icon"
-          />
-          <span
-            class="cipher-details"
-          >
-            <span
-              class="cipher-name"
-              title="website login 2"
-            >
-              website login 2
-            </span>
-            <span
-              class="cipher-user-login"
-              title="username2"
-            >
-              username2
-            </span>
-          </span>
-        </button>
-        <button
-          aria-label="view website login 2, opensInANewWindow"
-          class="view-cipher-button"
-          tabindex="-1"
-        >
-          <svg
-            aria-hidden="true"
-            fill="none"
-            height="20"
-            viewBox="0 0 20 20"
-            width="20"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <g
-              clip-path="url(#a)"
-            >
-              <path
-                d="M16.587 7.932H5.9a.455.455 0 0 1-.31-.12.393.393 0 0 1-.127-.287c0-.108.046-.211.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.076.128.179.128.287a.393.393 0 0 1-.128.288.455.455 0 0 1-.31.119Zm0 2.474H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm0 2.468H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm2.163-8.103v10.457H1.25V4.771h17.5Zm0-1.162H1.25a1.3 1.3 0 0 0-.884.34A1.122 1.122 0 0 0 0 4.772v10.457c0 .308.132.604.366.822a1.3 1.3 0 0 0 .884.34h17.5a1.3 1.3 0 0 0 .884-.34c.234-.218.366-.514.366-.822V4.771c0-.308-.132-.603-.366-.821a1.3 1.3 0 0 0-.884-.34ZM3.213 8.01c.287 0 .52-.217.52-.484s-.234-.483-.52-.483c-.288 0-.52.216-.52.483s.233.483.52.483Zm0 4.903c.287 0 .52-.217.52-.484 0-.266-.234-.483-.52-.483-.287 0-.52.216-.52.483s.233.484.52.484Zm0-2.452c.287 0 .52-.216.52-.483 0-.268-.234-.484-.52-.484-.288 0-.52.216-.52.484 0 .267.233.483.52.483Z"
-                fill="#175DDC"
-              />
-            </g>
-            <defs>
-              <clippath
-                id="a"
-              >
-                <path
-                  d="M0 .113h20v19.773H0z"
-                  fill="#fff"
-                />
-              </clippath>
-            </defs>
-          </svg>
-        </button>
-      </div>
-    </li>
-    <li
-      class="overlay-actions-list-item"
-      role="listitem"
-    >
-      <div
-        class="cipher-container"
-      >
-        <button
-          aria-description="partialUsername, "
-          aria-label="fillCredentialsFor "
-          class="fill-cipher-button"
-          tabindex="-1"
-        >
-          <span
-            aria-hidden="true"
-            class="cipher-icon bwi bw-icon"
-          />
-          <span
-            class="cipher-details"
-          />
-        </button>
-        <button
-          aria-label="view , opensInANewWindow"
-          class="view-cipher-button"
-          tabindex="-1"
-        >
-          <svg
-            aria-hidden="true"
-            fill="none"
-            height="20"
-            viewBox="0 0 20 20"
-            width="20"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <g
-              clip-path="url(#a)"
-            >
-              <path
-                d="M16.587 7.932H5.9a.455.455 0 0 1-.31-.12.393.393 0 0 1-.127-.287c0-.108.046-.211.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.076.128.179.128.287a.393.393 0 0 1-.128.288.455.455 0 0 1-.31.119Zm0 2.474H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm0 2.468H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm2.163-8.103v10.457H1.25V4.771h17.5Zm0-1.162H1.25a1.3 1.3 0 0 0-.884.34A1.122 1.122 0 0 0 0 4.772v10.457c0 .308.132.604.366.822a1.3 1.3 0 0 0 .884.34h17.5a1.3 1.3 0 0 0 .884-.34c.234-.218.366-.514.366-.822V4.771c0-.308-.132-.603-.366-.821a1.3 1.3 0 0 0-.884-.34ZM3.213 8.01c.287 0 .52-.217.52-.484s-.234-.483-.52-.483c-.288 0-.52.216-.52.483s.233.483.52.483Zm0 4.903c.287 0 .52-.217.52-.484 0-.266-.234-.483-.52-.483-.287 0-.52.216-.52.483s.233.484.52.484Zm0-2.452c.287 0 .52-.216.52-.483 0-.268-.234-.484-.52-.484-.288 0-.52.216-.52.484 0 .267.233.483.52.483Z"
-                fill="#175DDC"
-              />
-            </g>
-            <defs>
-              <clippath
-                id="a"
-              >
-                <path
-                  d="M0 .113h20v19.773H0z"
-                  fill="#fff"
-                />
-              </clippath>
-            </defs>
-          </svg>
-        </button>
-      </div>
-    </li>
-    <li
-      class="overlay-actions-list-item"
-      role="listitem"
-    >
-      <div
-        class="cipher-container"
-      >
-        <button
-          aria-description="partialUsername, username4"
-          aria-label="fillCredentialsFor website login 4"
-          class="fill-cipher-button"
-          tabindex="-1"
-        >
-          <span
-            aria-hidden="true"
-            class="cipher-icon"
-          >
-            <svg
-              aria-hidden="true"
-              fill="none"
-              height="25"
-              viewBox="0 0 24 25"
-              width="24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                clip-rule="evenodd"
-                d="M18.026 17.842c-1.418 1.739-3.517 2.84-5.86 2.84a7.364 7.364 0 0 1-3.431-.848l.062-.15.062-.151.063-.157c.081-.203.17-.426.275-.646.133-.28.275-.522.426-.68.026-.028.101-.075.275-.115.165-.037.376-.059.629-.073.138-.008.288-.014.447-.02.399-.016.847-.034 1.266-.092.314-.044.566-.131.755-.271a.884.884 0 0 0 .352-.555c.037-.2.008-.392-.03-.543-.035-.135-.084-.264-.12-.355l-.01-.03a4.26 4.26 0 0 0-.145-.33c-.126-.264-.237-.497-.288-1.085-.03-.344.09-.73.251-1.138l.089-.22c.05-.123.1-.247.14-.355.064-.171.129-.375.129-.566a1.51 1.51 0 0 0-.134-.569 2.573 2.573 0 0 0-.319-.547c-.246-.323-.635-.669-1.093-.669-.44 0-1.006.169-1.487.368-.246.102-.48.216-.68.33-.192.111-.372.235-.492.359-.93.96-1.48 1.239-1.81 1.258-.277.017-.478-.15-.736-.525a9.738 9.738 0 0 1-.19-.29l-.006-.01a11.568 11.568 0 0 0-.198-.305 2.76 2.76 0 0 0-.521-.6 1.39 1.39 0 0 0-1.088-.314 8.302 8.302 0 0 1 1.987-3.936c.055.342.146.626.272.856.23.42.561.64.926.716.406.086.857-.061 1.26-.216.125-.047.248-.097.372-.147.309-.125.618-.25.947-.341.26-.072.581-.057.959.012.264.049.529.118.8.19l.36.091c.379.094.782.178 1.135.148.374-.032.733-.197.934-.623a.874.874 0 0 0 .024-.752c-.087-.197-.24-.355-.35-.47-.26-.267-.412-.427-.412-.685 0-.125.037-.2.09-.263a.982.982 0 0 1 .303-.211c.059-.03.119-.058.183-.089l.036-.016a3.79 3.79 0 0 0 .236-.118c.047-.026.098-.056.148-.093 1.936.747 3.51 2.287 4.368 4.249a7.739 7.739 0 0 0-.031-.004c-.38-.047-.738-.056-1.063.061-.34.123-.603.368-.817.74-.122.211-.284.43-.463.67l-.095.129c-.207.281-.431.595-.58.92-.15.326-.245.705-.142 1.103.104.397.387.738.837 1.036.099.065.225.112.314.145l.02.008c.108.04.195.074.268.117.07.042.106.08.124.114.017.03.037.087.022.206-.047.376-.069.73-.052 1.034.017.292.071.59.218.809.118.174.12.421.108.786v.01a2.46 2.46 0 0 0 .021.518.809.809 0 0 0 .15.35Zm1.357.059a9.654 9.654 0 0 0 1.62-5.386c0-5.155-3.957-9.334-8.836-9.334-4.88 0-8.836 4.179-8.836 9.334 0 3.495 1.82 6.543 4.513 8.142v.093h.161a8.426 8.426 0 0 0 4.162 1.098c2.953 0 5.568-1.53 7.172-3.882a.569.569 0 0 0 .048-.062l-.004-.003ZM8.152 19.495a43.345 43.345 0 0 1 .098-.238l.057-.142c.082-.205.182-.455.297-.698.143-.301.323-.624.552-.864.163-.172.392-.254.602-.302.219-.05.473-.073.732-.088.162-.01.328-.016.495-.023.386-.015.782-.03 1.168-.084.255-.036.392-.099.461-.15.06-.045.076-.084.083-.12a.534.534 0 0 0-.02-.223 2.552 2.552 0 0 0-.095-.278l-.01-.027a3.128 3.128 0 0 0-.104-.232c-.134-.282-.31-.65-.374-1.381-.046-.533.138-1.063.3-1.472.035-.09.069-.172.1-.249.046-.11.086-.21.123-.31.062-.169.083-.264.083-.312a.812.812 0 0 0-.076-.283 1.867 1.867 0 0 0-.23-.394c-.21-.274-.428-.408-.577-.408-.315 0-.788.13-1.246.32a5.292 5.292 0 0 0-.603.293 1.727 1.727 0 0 0-.347.244c-.936.968-1.641 1.421-2.235 1.457-.646.04-1.036-.413-1.31-.813-.07-.103-.139-.21-.203-.311l-.005-.007c-.064-.101-.125-.197-.188-.29a2.098 2.098 0 0 0-.387-.453.748.748 0 0 0-.436-.18c-.1-.006-.22.005-.365.046a8.707 8.707 0 0 0-.056.992c0 2.957 1.488 5.547 3.716 6.98Zm10.362-2.316.003-.192.002-.046c.01-.305.026-.786-.232-1.169-.036-.054-.082-.189-.096-.444-.014-.243.003-.55.047-.9a1.051 1.051 0 0 0-.105-.649.987.987 0 0 0-.374-.374 2.285 2.285 0 0 0-.367-.166h-.003a1.243 1.243 0 0 1-.205-.088c-.369-.244-.505-.46-.549-.629-.044-.168-.015-.364.099-.61.115-.25.297-.511.507-.796l.089-.12c.178-.239.368-.495.512-.745.152-.263.302-.382.466-.441.18-.065.416-.073.77-.03.142.018.275.04.397.063.274.837.423 1.736.423 2.671a8.45 8.45 0 0 1-1.384 4.665Zm-4.632-12.63a7.362 7.362 0 0 0-1.715-.201c-1.89 0-3.621.716-4.965 1.905.025.54.12.887.24 1.105.13.238.295.34.482.38.2.042.484-.027.905-.188l.328-.13c.32-.13.681-.275 1.048-.377.398-.111.833-.075 1.24 0 .289.053.59.132.871.205l.326.084c.383.094.694.151.932.13.216-.017.326-.092.395-.237.039-.083.027-.114.014-.144-.027-.062-.088-.136-.212-.264l-.043-.044c-.218-.222-.567-.578-.567-1.142 0-.305.101-.547.262-.734.137-.159.308-.267.46-.347Z"
-                fill="#777"
-                fill-rule="evenodd"
-              />
-            </svg>
-          </span>
-          <span
-            class="cipher-details"
-          >
-            <span
-              class="cipher-name"
-              title="website login 4"
-            >
-              website login 4
-            </span>
-            <span
-              class="cipher-user-login"
-              title="username4"
-            >
-              username4
-            </span>
-          </span>
-        </button>
-        <button
-          aria-label="view website login 4, opensInANewWindow"
-          class="view-cipher-button"
-          tabindex="-1"
-        >
-          <svg
-            aria-hidden="true"
-            fill="none"
-            height="20"
-            viewBox="0 0 20 20"
-            width="20"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <g
-              clip-path="url(#a)"
-            >
-              <path
-                d="M16.587 7.932H5.9a.455.455 0 0 1-.31-.12.393.393 0 0 1-.127-.287c0-.108.046-.211.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.076.128.179.128.287a.393.393 0 0 1-.128.288.455.455 0 0 1-.31.119Zm0 2.474H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm0 2.468H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm2.163-8.103v10.457H1.25V4.771h17.5Zm0-1.162H1.25a1.3 1.3 0 0 0-.884.34A1.122 1.122 0 0 0 0 4.772v10.457c0 .308.132.604.366.822a1.3 1.3 0 0 0 .884.34h17.5a1.3 1.3 0 0 0 .884-.34c.234-.218.366-.514.366-.822V4.771c0-.308-.132-.603-.366-.821a1.3 1.3 0 0 0-.884-.34ZM3.213 8.01c.287 0 .52-.217.52-.484s-.234-.483-.52-.483c-.288 0-.52.216-.52.483s.233.483.52.483Zm0 4.903c.287 0 .52-.217.52-.484 0-.266-.234-.483-.52-.483-.287 0-.52.216-.52.483s.233.484.52.484Zm0-2.452c.287 0 .52-.216.52-.483 0-.268-.234-.484-.52-.484-.288 0-.52.216-.52.484 0 .267.233.483.52.483Z"
-                fill="#175DDC"
-              />
-            </g>
-            <defs>
-              <clippath
-                id="a"
-              >
-                <path
-                  d="M0 .113h20v19.773H0z"
-                  fill="#fff"
-                />
-              </clippath>
-            </defs>
-          </svg>
-        </button>
-      </div>
-    </li>
-    <li
-      class="overlay-actions-list-item"
-      role="listitem"
-    >
-      <div
-        class="cipher-container"
-      >
-        <button
-          aria-description="partialUsername, username5"
-          aria-label="fillCredentialsFor website login 5"
-          class="fill-cipher-button"
-          tabindex="-1"
-        >
-          <span
-            aria-hidden="true"
-            class="cipher-icon"
-            style="background-image: url(https://jest-testing-website.com/image.png);"
-          />
-          <span
-            class="cipher-details"
-          >
-            <span
-              class="cipher-name"
-              title="website login 5"
-            >
-              website login 5
-            </span>
-            <span
-              class="cipher-user-login"
-              title="username5"
-            >
-              username5
-            </span>
-          </span>
-        </button>
-        <button
-          aria-label="view website login 5, opensInANewWindow"
-          class="view-cipher-button"
-          tabindex="-1"
-        >
-          <svg
-            aria-hidden="true"
-            fill="none"
-            height="20"
-            viewBox="0 0 20 20"
-            width="20"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <g
-              clip-path="url(#a)"
-            >
-              <path
-                d="M16.587 7.932H5.9a.455.455 0 0 1-.31-.12.393.393 0 0 1-.127-.287c0-.108.046-.211.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.076.128.179.128.287a.393.393 0 0 1-.128.288.455.455 0 0 1-.31.119Zm0 2.474H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm0 2.468H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm2.163-8.103v10.457H1.25V4.771h17.5Zm0-1.162H1.25a1.3 1.3 0 0 0-.884.34A1.122 1.122 0 0 0 0 4.772v10.457c0 .308.132.604.366.822a1.3 1.3 0 0 0 .884.34h17.5a1.3 1.3 0 0 0 .884-.34c.234-.218.366-.514.366-.822V4.771c0-.308-.132-.603-.366-.821a1.3 1.3 0 0 0-.884-.34ZM3.213 8.01c.287 0 .52-.217.52-.484s-.234-.483-.52-.483c-.288 0-.52.216-.52.483s.233.483.52.483Zm0 4.903c.287 0 .52-.217.52-.484 0-.266-.234-.483-.52-.483-.287 0-.52.216-.52.483s.233.484.52.484Zm0-2.452c.287 0 .52-.216.52-.483 0-.268-.234-.484-.52-.484-.288 0-.52.216-.52.484 0 .267.233.483.52.483Z"
-                fill="#175DDC"
-              />
-            </g>
-            <defs>
-              <clippath
-                id="a"
-              >
-                <path
-                  d="M0 .113h20v19.773H0z"
-                  fill="#fff"
-                />
-              </clippath>
-            </defs>
-          </svg>
-        </button>
-      </div>
-    </li>
-    <li
-      class="overlay-actions-list-item"
-      role="listitem"
-    >
-      <div
-        class="cipher-container"
-      >
-        <button
-          aria-description="partialUsername, username6"
-          aria-label="fillCredentialsFor website login 6"
-          class="fill-cipher-button"
-          tabindex="-1"
-        >
-          <span
-            aria-hidden="true"
-            class="cipher-icon"
-            style="background-image: url(https://jest-testing-website.com/image.png);"
-          />
-          <span
-            class="cipher-details"
-          >
-            <span
-              class="cipher-name"
-              title="website login 6"
-            >
-              website login 6
-            </span>
-            <span
-              class="cipher-user-login"
-              title="username6"
-            >
-              username6
-            </span>
-          </span>
-        </button>
-        <button
-          aria-label="view website login 6, opensInANewWindow"
-          class="view-cipher-button"
-          tabindex="-1"
-        >
-          <svg
-            aria-hidden="true"
-            fill="none"
-            height="20"
-            viewBox="0 0 20 20"
-            width="20"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <g
-              clip-path="url(#a)"
-            >
-              <path
-                d="M16.587 7.932H5.9a.455.455 0 0 1-.31-.12.393.393 0 0 1-.127-.287c0-.108.046-.211.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.076.128.179.128.287a.393.393 0 0 1-.128.288.455.455 0 0 1-.31.119Zm0 2.474H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm0 2.468H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm2.163-8.103v10.457H1.25V4.771h17.5Zm0-1.162H1.25a1.3 1.3 0 0 0-.884.34A1.122 1.122 0 0 0 0 4.772v10.457c0 .308.132.604.366.822a1.3 1.3 0 0 0 .884.34h17.5a1.3 1.3 0 0 0 .884-.34c.234-.218.366-.514.366-.822V4.771c0-.308-.132-.603-.366-.821a1.3 1.3 0 0 0-.884-.34ZM3.213 8.01c.287 0 .52-.217.52-.484s-.234-.483-.52-.483c-.288 0-.52.216-.52.483s.233.483.52.483Zm0 4.903c.287 0 .52-.217.52-.484 0-.266-.234-.483-.52-.483-.287 0-.52.216-.52.483s.233.484.52.484Zm0-2.452c.287 0 .52-.216.52-.483 0-.268-.234-.484-.52-.484-.288 0-.52.216-.52.484 0 .267.233.483.52.483Z"
-                fill="#175DDC"
-              />
-            </g>
-            <defs>
-              <clippath
-                id="a"
-              >
-                <path
-                  d="M0 .113h20v19.773H0z"
-                  fill="#fff"
-                />
-              </clippath>
-            </defs>
-          </svg>
-        </button>
-      </div>
-    </li>
-  </ul>
-</div>
-`;
-
-exports[`AutofillOverlayList initAutofillInlineMenuList the locked overlay for an unauthenticated user creates the views for the locked overlay 1`] = `
-<div
-  class="overlay-list-container theme_light"
->
-  <div
-    class="locked-overlay overlay-list-message"
-    id="locked-overlay-description"
-  >
-    unlockYourAccount
-  </div>
-  <div
-    class="overlay-list-button-container"
-  >
-    <button
-      aria-label="unlockAccount, opensInANewWindow"
-      class="unlock-button overlay-list-button"
-      id="unlock-button"
-      tabindex="-1"
-    >
-      <svg
-        aria-hidden="true"
-        fill="none"
-        height="17"
-        viewBox="0 0 17 17"
-        width="17"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g
-          clip-path="url(#a)"
-        >
-          <path
-            d="M8.799 11.633a.68.68 0 0 0-.639.422.695.695 0 0 0-.054.264.682.682 0 0 0 .374.6v1.13a.345.345 0 1 0 .693 0v-1.17a.68.68 0 0 0 .315-.56.695.695 0 0 0-.204-.486.682.682 0 0 0-.485-.2Zm4.554-4.657h-7.11a.438.438 0 0 1-.406-.26A3.81 3.81 0 0 1 5.584 4.3c.112-.435.312-.842.588-1.195A3.196 3.196 0 0 1 7.19 2.25a3.468 3.468 0 0 1 3.225-.059A3.62 3.62 0 0 1 11.94 3.71l.327.59a.502.502 0 1 0 .885-.483l-.307-.552a4.689 4.689 0 0 0-2.209-2.078 4.466 4.466 0 0 0-3.936.185A4.197 4.197 0 0 0 5.37 2.49a4.234 4.234 0 0 0-.768 1.565 4.714 4.714 0 0 0 .162 2.682.182.182 0 0 1-.085.22.173.173 0 0 1-.082.02h-.353a1.368 1.368 0 0 0-1.277.842c-.07.168-.107.348-.109.53v7.1a1.392 1.392 0 0 0 .412.974 1.352 1.352 0 0 0 .974.394h9.117c.363.001.711-.142.97-.4a1.39 1.39 0 0 0 .407-.972v-7.1a1.397 1.397 0 0 0-.414-.973 1.368 1.368 0 0 0-.972-.396Zm.37 8.469a.373.373 0 0 1-.11.26.364.364 0 0 1-.26.107H4.246a.366.366 0 0 1-.26-.107.374.374 0 0 1-.11-.261V8.349a.374.374 0 0 1 .11-.26.366.366 0 0 1 .26-.108h9.116a.366.366 0 0 1 .37.367l-.008 7.097Z"
-            fill="#175DDC"
-          />
-        </g>
-        <defs>
-          <clippath
-            id="a"
-          >
-            <path
-              d="M.798.817h16v16h-16z"
-              fill="#fff"
-            />
-          </clippath>
-        </defs>
-      </svg>
-      unlockAccount
-    </button>
-  </div>
-</div>
-`;
-
-exports[`AutofillOverlayList initAutofillInlineMenuList the overlay with an empty list of ciphers creates the views for the no results overlay 1`] = `
-<div
-  class="overlay-list-container theme_light"
->
-  <div
-    class="no-items overlay-list-message"
-  >
-    noItemsToShow
-  </div>
-  <div
-    class="overlay-list-button-container"
-  >
-    <button
-      aria-label="addNewVaultItem, opensInANewWindow"
-      class="add-new-item-button overlay-list-button"
-      id="new-item-button"
-      tabindex="-1"
-    >
-      <svg
-        aria-hidden="true"
-        fill="none"
-        height="17"
-        viewBox="0 0 16 17"
-        width="16"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g
-          clip-path="url(#a)"
-        >
-          <path
-            d="M15.222 7.914H8.963a.471.471 0 0 1-.34-.147.512.512 0 0 1-.142-.353V.99c0-.133-.05-.26-.14-.354a.471.471 0 0 0-.68 0 .51.51 0 0 0-.142.354v6.424c0 .132-.051.26-.142.353a.474.474 0 0 1-.34.147H.777a.47.47 0 0 0-.34.146.5.5 0 0 0-.14.354.522.522 0 0 0 .14.353.48.48 0 0 0 .34.147h6.26c.128 0 .25.052.34.146.09.094.142.221.142.354v6.576c0 .132.05.26.14.353a.471.471 0 0 0 .68 0 .512.512 0 0 0 .142-.353V9.414c0-.133.051-.26.142-.354a.474.474 0 0 1 .34-.146h6.26c.127 0 .25-.053.34-.147a.511.511 0 0 0 0-.707.472.472 0 0 0-.34-.146Z"
-            fill="#175DDC"
-          />
-        </g>
-        <defs>
-          <clippath
-            id="a"
-          >
-            <path
-              d="M0 .49h16v16H0z"
-              fill="#fff"
-            />
-          </clippath>
-        </defs>
-      </svg>
-      newItem
-    </button>
-  </div>
-</div>
-`;
-
-exports[`AutofillOverlayList initAutofillOverlayList the list of ciphers for an authenticated user creates the view for a list of ciphers 1`] = `
-<div
-  class="overlay-list-container theme_light"
->
-  <ul
-    class="overlay-actions-list"
-    role="list"
-  >
-    <li
-      class="overlay-actions-list-item"
-      role="listitem"
-    >
-      <div
-        class="cipher-container"
-      >
-        <button
-          aria-description="partialUsername, username1"
-          aria-label="fillCredentialsFor website login 1"
-          class="fill-cipher-button"
-          tabindex="-1"
-        >
-          <span
-            aria-hidden="true"
-            class="cipher-icon"
-            style="background-image: url(https://jest-testing-website.com/image.png);"
-          />
-          <span
-            class="cipher-details"
-          >
-            <span
-              class="cipher-name"
-              title="website login 1"
-            >
-              website login 1
-            </span>
-            <span
-              class="cipher-user-login"
-              title="username1"
-            >
-              username1
-            </span>
-          </span>
-        </button>
-        <button
-          aria-label="view website login 1, opensInANewWindow"
-          class="view-cipher-button"
-          tabindex="-1"
-        >
-          <svg
-            aria-hidden="true"
-            fill="none"
-            height="20"
-            viewBox="0 0 20 20"
-            width="20"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <g
-              clip-path="url(#a)"
-            >
-              <path
-                d="M16.587 7.932H5.9a.455.455 0 0 1-.31-.12.393.393 0 0 1-.127-.287c0-.108.046-.211.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.076.128.179.128.287a.393.393 0 0 1-.128.288.455.455 0 0 1-.31.119Zm0 2.474H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm0 2.468H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm2.163-8.103v10.457H1.25V4.771h17.5Zm0-1.162H1.25a1.3 1.3 0 0 0-.884.34A1.122 1.122 0 0 0 0 4.772v10.457c0 .308.132.604.366.822a1.3 1.3 0 0 0 .884.34h17.5a1.3 1.3 0 0 0 .884-.34c.234-.218.366-.514.366-.822V4.771c0-.308-.132-.603-.366-.821a1.3 1.3 0 0 0-.884-.34ZM3.213 8.01c.287 0 .52-.217.52-.484s-.234-.483-.52-.483c-.288 0-.52.216-.52.483s.233.483.52.483Zm0 4.903c.287 0 .52-.217.52-.484 0-.266-.234-.483-.52-.483-.287 0-.52.216-.52.483s.233.484.52.484Zm0-2.452c.287 0 .52-.216.52-.483 0-.268-.234-.484-.52-.484-.288 0-.52.216-.52.484 0 .267.233.483.52.483Z"
-                fill="#175DDC"
-              />
-            </g>
-            <defs>
-              <clippath
-                id="a"
-              >
-                <path
-                  d="M0 .113h20v19.773H0z"
-                  fill="#fff"
-                />
-              </clippath>
-            </defs>
-          </svg>
-        </button>
-      </div>
-    </li>
-    <li
-      class="overlay-actions-list-item"
-      role="listitem"
-    >
-      <div
-        class="cipher-container"
-      >
-        <button
-          aria-description="partialUsername, username2"
-          aria-label="fillCredentialsFor website login 2"
-          class="fill-cipher-button"
-          tabindex="-1"
-        >
-          <span
-            aria-hidden="true"
-            class="cipher-icon bwi bw-icon"
-          />
-          <span
-            class="cipher-details"
-          >
-            <span
-              class="cipher-name"
-              title="website login 2"
-            >
-              website login 2
-            </span>
-            <span
-              class="cipher-user-login"
-              title="username2"
-            >
-              username2
-            </span>
-          </span>
-        </button>
-        <button
-          aria-label="view website login 2, opensInANewWindow"
-          class="view-cipher-button"
-          tabindex="-1"
-        >
-          <svg
-            aria-hidden="true"
-            fill="none"
-            height="20"
-            viewBox="0 0 20 20"
-            width="20"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <g
-              clip-path="url(#a)"
-            >
-              <path
-                d="M16.587 7.932H5.9a.455.455 0 0 1-.31-.12.393.393 0 0 1-.127-.287c0-.108.046-.211.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.076.128.179.128.287a.393.393 0 0 1-.128.288.455.455 0 0 1-.31.119Zm0 2.474H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm0 2.468H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm2.163-8.103v10.457H1.25V4.771h17.5Zm0-1.162H1.25a1.3 1.3 0 0 0-.884.34A1.122 1.122 0 0 0 0 4.772v10.457c0 .308.132.604.366.822a1.3 1.3 0 0 0 .884.34h17.5a1.3 1.3 0 0 0 .884-.34c.234-.218.366-.514.366-.822V4.771c0-.308-.132-.603-.366-.821a1.3 1.3 0 0 0-.884-.34ZM3.213 8.01c.287 0 .52-.217.52-.484s-.234-.483-.52-.483c-.288 0-.52.216-.52.483s.233.483.52.483Zm0 4.903c.287 0 .52-.217.52-.484 0-.266-.234-.483-.52-.483-.287 0-.52.216-.52.483s.233.484.52.484Zm0-2.452c.287 0 .52-.216.52-.483 0-.268-.234-.484-.52-.484-.288 0-.52.216-.52.484 0 .267.233.483.52.483Z"
-                fill="#175DDC"
-              />
-            </g>
-            <defs>
-              <clippath
-                id="a"
-              >
-                <path
-                  d="M0 .113h20v19.773H0z"
-                  fill="#fff"
-                />
-              </clippath>
-            </defs>
-          </svg>
-        </button>
-      </div>
-    </li>
-    <li
-      class="overlay-actions-list-item"
-      role="listitem"
-    >
-      <div
-        class="cipher-container"
-      >
-        <button
-          aria-description="partialUsername, "
-          aria-label="fillCredentialsFor "
-          class="fill-cipher-button"
-          tabindex="-1"
-        >
-          <span
-            aria-hidden="true"
-            class="cipher-icon bwi bw-icon"
-          />
-          <span
-            class="cipher-details"
-          />
-        </button>
-        <button
-          aria-label="view , opensInANewWindow"
-          class="view-cipher-button"
-          tabindex="-1"
-        >
-          <svg
-            aria-hidden="true"
-            fill="none"
-            height="20"
-            viewBox="0 0 20 20"
-            width="20"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <g
-              clip-path="url(#a)"
-            >
-              <path
-                d="M16.587 7.932H5.9a.455.455 0 0 1-.31-.12.393.393 0 0 1-.127-.287c0-.108.046-.211.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.076.128.179.128.287a.393.393 0 0 1-.128.288.455.455 0 0 1-.31.119Zm0 2.474H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm0 2.468H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm2.163-8.103v10.457H1.25V4.771h17.5Zm0-1.162H1.25a1.3 1.3 0 0 0-.884.34A1.122 1.122 0 0 0 0 4.772v10.457c0 .308.132.604.366.822a1.3 1.3 0 0 0 .884.34h17.5a1.3 1.3 0 0 0 .884-.34c.234-.218.366-.514.366-.822V4.771c0-.308-.132-.603-.366-.821a1.3 1.3 0 0 0-.884-.34ZM3.213 8.01c.287 0 .52-.217.52-.484s-.234-.483-.52-.483c-.288 0-.52.216-.52.483s.233.483.52.483Zm0 4.903c.287 0 .52-.217.52-.484 0-.266-.234-.483-.52-.483-.287 0-.52.216-.52.483s.233.484.52.484Zm0-2.452c.287 0 .52-.216.52-.483 0-.268-.234-.484-.52-.484-.288 0-.52.216-.52.484 0 .267.233.483.52.483Z"
-                fill="#175DDC"
-              />
-            </g>
-            <defs>
-              <clippath
-                id="a"
-              >
-                <path
-                  d="M0 .113h20v19.773H0z"
-                  fill="#fff"
-                />
-              </clippath>
-            </defs>
-          </svg>
-        </button>
-      </div>
-    </li>
-    <li
-      class="overlay-actions-list-item"
-      role="listitem"
-    >
-      <div
-        class="cipher-container"
-      >
-        <button
-          aria-description="partialUsername, username4"
-          aria-label="fillCredentialsFor website login 4"
-          class="fill-cipher-button"
-          tabindex="-1"
-        >
-          <span
-            aria-hidden="true"
-            class="cipher-icon"
-          >
-            <svg
-              aria-hidden="true"
-              fill="none"
-              height="25"
-              viewBox="0 0 24 25"
-              width="24"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                clip-rule="evenodd"
-                d="M18.026 17.842c-1.418 1.739-3.517 2.84-5.86 2.84a7.364 7.364 0 0 1-3.431-.848l.062-.15.062-.151.063-.157c.081-.203.17-.426.275-.646.133-.28.275-.522.426-.68.026-.028.101-.075.275-.115.165-.037.376-.059.629-.073.138-.008.288-.014.447-.02.399-.016.847-.034 1.266-.092.314-.044.566-.131.755-.271a.884.884 0 0 0 .352-.555c.037-.2.008-.392-.03-.543-.035-.135-.084-.264-.12-.355l-.01-.03a4.26 4.26 0 0 0-.145-.33c-.126-.264-.237-.497-.288-1.085-.03-.344.09-.73.251-1.138l.089-.22c.05-.123.1-.247.14-.355.064-.171.129-.375.129-.566a1.51 1.51 0 0 0-.134-.569 2.573 2.573 0 0 0-.319-.547c-.246-.323-.635-.669-1.093-.669-.44 0-1.006.169-1.487.368-.246.102-.48.216-.68.33-.192.111-.372.235-.492.359-.93.96-1.48 1.239-1.81 1.258-.277.017-.478-.15-.736-.525a9.738 9.738 0 0 1-.19-.29l-.006-.01a11.568 11.568 0 0 0-.198-.305 2.76 2.76 0 0 0-.521-.6 1.39 1.39 0 0 0-1.088-.314 8.302 8.302 0 0 1 1.987-3.936c.055.342.146.626.272.856.23.42.561.64.926.716.406.086.857-.061 1.26-.216.125-.047.248-.097.372-.147.309-.125.618-.25.947-.341.26-.072.581-.057.959.012.264.049.529.118.8.19l.36.091c.379.094.782.178 1.135.148.374-.032.733-.197.934-.623a.874.874 0 0 0 .024-.752c-.087-.197-.24-.355-.35-.47-.26-.267-.412-.427-.412-.685 0-.125.037-.2.09-.263a.982.982 0 0 1 .303-.211c.059-.03.119-.058.183-.089l.036-.016a3.79 3.79 0 0 0 .236-.118c.047-.026.098-.056.148-.093 1.936.747 3.51 2.287 4.368 4.249a7.739 7.739 0 0 0-.031-.004c-.38-.047-.738-.056-1.063.061-.34.123-.603.368-.817.74-.122.211-.284.43-.463.67l-.095.129c-.207.281-.431.595-.58.92-.15.326-.245.705-.142 1.103.104.397.387.738.837 1.036.099.065.225.112.314.145l.02.008c.108.04.195.074.268.117.07.042.106.08.124.114.017.03.037.087.022.206-.047.376-.069.73-.052 1.034.017.292.071.59.218.809.118.174.12.421.108.786v.01a2.46 2.46 0 0 0 .021.518.809.809 0 0 0 .15.35Zm1.357.059a9.654 9.654 0 0 0 1.62-5.386c0-5.155-3.957-9.334-8.836-9.334-4.88 0-8.836 4.179-8.836 9.334 0 3.495 1.82 6.543 4.513 8.142v.093h.161a8.426 8.426 0 0 0 4.162 1.098c2.953 0 5.568-1.53 7.172-3.882a.569.569 0 0 0 .048-.062l-.004-.003ZM8.152 19.495a43.345 43.345 0 0 1 .098-.238l.057-.142c.082-.205.182-.455.297-.698.143-.301.323-.624.552-.864.163-.172.392-.254.602-.302.219-.05.473-.073.732-.088.162-.01.328-.016.495-.023.386-.015.782-.03 1.168-.084.255-.036.392-.099.461-.15.06-.045.076-.084.083-.12a.534.534 0 0 0-.02-.223 2.552 2.552 0 0 0-.095-.278l-.01-.027a3.128 3.128 0 0 0-.104-.232c-.134-.282-.31-.65-.374-1.381-.046-.533.138-1.063.3-1.472.035-.09.069-.172.1-.249.046-.11.086-.21.123-.31.062-.169.083-.264.083-.312a.812.812 0 0 0-.076-.283 1.867 1.867 0 0 0-.23-.394c-.21-.274-.428-.408-.577-.408-.315 0-.788.13-1.246.32a5.292 5.292 0 0 0-.603.293 1.727 1.727 0 0 0-.347.244c-.936.968-1.641 1.421-2.235 1.457-.646.04-1.036-.413-1.31-.813-.07-.103-.139-.21-.203-.311l-.005-.007c-.064-.101-.125-.197-.188-.29a2.098 2.098 0 0 0-.387-.453.748.748 0 0 0-.436-.18c-.1-.006-.22.005-.365.046a8.707 8.707 0 0 0-.056.992c0 2.957 1.488 5.547 3.716 6.98Zm10.362-2.316.003-.192.002-.046c.01-.305.026-.786-.232-1.169-.036-.054-.082-.189-.096-.444-.014-.243.003-.55.047-.9a1.051 1.051 0 0 0-.105-.649.987.987 0 0 0-.374-.374 2.285 2.285 0 0 0-.367-.166h-.003a1.243 1.243 0 0 1-.205-.088c-.369-.244-.505-.46-.549-.629-.044-.168-.015-.364.099-.61.115-.25.297-.511.507-.796l.089-.12c.178-.239.368-.495.512-.745.152-.263.302-.382.466-.441.18-.065.416-.073.77-.03.142.018.275.04.397.063.274.837.423 1.736.423 2.671a8.45 8.45 0 0 1-1.384 4.665Zm-4.632-12.63a7.362 7.362 0 0 0-1.715-.201c-1.89 0-3.621.716-4.965 1.905.025.54.12.887.24 1.105.13.238.295.34.482.38.2.042.484-.027.905-.188l.328-.13c.32-.13.681-.275 1.048-.377.398-.111.833-.075 1.24 0 .289.053.59.132.871.205l.326.084c.383.094.694.151.932.13.216-.017.326-.092.395-.237.039-.083.027-.114.014-.144-.027-.062-.088-.136-.212-.264l-.043-.044c-.218-.222-.567-.578-.567-1.142 0-.305.101-.547.262-.734.137-.159.308-.267.46-.347Z"
-                fill="#777"
-                fill-rule="evenodd"
-              />
-            </svg>
-          </span>
-          <span
-            class="cipher-details"
-          >
-            <span
-              class="cipher-name"
-              title="website login 4"
-            >
-              website login 4
-            </span>
-            <span
-              class="cipher-user-login"
-              title="username4"
-            >
-              username4
-            </span>
-          </span>
-        </button>
-        <button
-          aria-label="view website login 4, opensInANewWindow"
-          class="view-cipher-button"
-          tabindex="-1"
-        >
-          <svg
-            aria-hidden="true"
-            fill="none"
-            height="20"
-            viewBox="0 0 20 20"
-            width="20"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <g
-              clip-path="url(#a)"
-            >
-              <path
-                d="M16.587 7.932H5.9a.455.455 0 0 1-.31-.12.393.393 0 0 1-.127-.287c0-.108.046-.211.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.076.128.179.128.287a.393.393 0 0 1-.128.288.455.455 0 0 1-.31.119Zm0 2.474H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm0 2.468H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm2.163-8.103v10.457H1.25V4.771h17.5Zm0-1.162H1.25a1.3 1.3 0 0 0-.884.34A1.122 1.122 0 0 0 0 4.772v10.457c0 .308.132.604.366.822a1.3 1.3 0 0 0 .884.34h17.5a1.3 1.3 0 0 0 .884-.34c.234-.218.366-.514.366-.822V4.771c0-.308-.132-.603-.366-.821a1.3 1.3 0 0 0-.884-.34ZM3.213 8.01c.287 0 .52-.217.52-.484s-.234-.483-.52-.483c-.288 0-.52.216-.52.483s.233.483.52.483Zm0 4.903c.287 0 .52-.217.52-.484 0-.266-.234-.483-.52-.483-.287 0-.52.216-.52.483s.233.484.52.484Zm0-2.452c.287 0 .52-.216.52-.483 0-.268-.234-.484-.52-.484-.288 0-.52.216-.52.484 0 .267.233.483.52.483Z"
-                fill="#175DDC"
-              />
-            </g>
-            <defs>
-              <clippath
-                id="a"
-              >
-                <path
-                  d="M0 .113h20v19.773H0z"
-                  fill="#fff"
-                />
-              </clippath>
-            </defs>
-          </svg>
-        </button>
-      </div>
-    </li>
-    <li
-      class="overlay-actions-list-item"
-      role="listitem"
-    >
-      <div
-        class="cipher-container"
-      >
-        <button
-          aria-description="partialUsername, username5"
-          aria-label="fillCredentialsFor website login 5"
-          class="fill-cipher-button"
-          tabindex="-1"
-        >
-          <span
-            aria-hidden="true"
-            class="cipher-icon"
-            style="background-image: url(https://jest-testing-website.com/image.png);"
-          />
-          <span
-            class="cipher-details"
-          >
-            <span
-              class="cipher-name"
-              title="website login 5"
-            >
-              website login 5
-            </span>
-            <span
-              class="cipher-user-login"
-              title="username5"
-            >
-              username5
-            </span>
-          </span>
-        </button>
-        <button
-          aria-label="view website login 5, opensInANewWindow"
-          class="view-cipher-button"
-          tabindex="-1"
-        >
-          <svg
-            aria-hidden="true"
-            fill="none"
-            height="20"
-            viewBox="0 0 20 20"
-            width="20"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <g
-              clip-path="url(#a)"
-            >
-              <path
-                d="M16.587 7.932H5.9a.455.455 0 0 1-.31-.12.393.393 0 0 1-.127-.287c0-.108.046-.211.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.076.128.179.128.287a.393.393 0 0 1-.128.288.455.455 0 0 1-.31.119Zm0 2.474H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm0 2.468H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm2.163-8.103v10.457H1.25V4.771h17.5Zm0-1.162H1.25a1.3 1.3 0 0 0-.884.34A1.122 1.122 0 0 0 0 4.772v10.457c0 .308.132.604.366.822a1.3 1.3 0 0 0 .884.34h17.5a1.3 1.3 0 0 0 .884-.34c.234-.218.366-.514.366-.822V4.771c0-.308-.132-.603-.366-.821a1.3 1.3 0 0 0-.884-.34ZM3.213 8.01c.287 0 .52-.217.52-.484s-.234-.483-.52-.483c-.288 0-.52.216-.52.483s.233.483.52.483Zm0 4.903c.287 0 .52-.217.52-.484 0-.266-.234-.483-.52-.483-.287 0-.52.216-.52.483s.233.484.52.484Zm0-2.452c.287 0 .52-.216.52-.483 0-.268-.234-.484-.52-.484-.288 0-.52.216-.52.484 0 .267.233.483.52.483Z"
-                fill="#175DDC"
-              />
-            </g>
-            <defs>
-              <clippath
-                id="a"
-              >
-                <path
-                  d="M0 .113h20v19.773H0z"
-                  fill="#fff"
-                />
-              </clippath>
-            </defs>
-          </svg>
-        </button>
-      </div>
-    </li>
-    <li
-      class="overlay-actions-list-item"
-      role="listitem"
-    >
-      <div
-        class="cipher-container"
-      >
-        <button
-          aria-description="partialUsername, username6"
-          aria-label="fillCredentialsFor website login 6"
-          class="fill-cipher-button"
-          tabindex="-1"
-        >
-          <span
-            aria-hidden="true"
-            class="cipher-icon"
-            style="background-image: url(https://jest-testing-website.com/image.png);"
-          />
-          <span
-            class="cipher-details"
-          >
-            <span
-              class="cipher-name"
-              title="website login 6"
-            >
-              website login 6
-            </span>
-            <span
-              class="cipher-user-login"
-              title="username6"
-            >
-              username6
-            </span>
-          </span>
-        </button>
-        <button
-          aria-label="view website login 6, opensInANewWindow"
-          class="view-cipher-button"
-          tabindex="-1"
-        >
-          <svg
-            aria-hidden="true"
-            fill="none"
-            height="20"
-            viewBox="0 0 20 20"
-            width="20"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <g
-              clip-path="url(#a)"
-            >
-              <path
-                d="M16.587 7.932H5.9a.455.455 0 0 1-.31-.12.393.393 0 0 1-.127-.287c0-.108.046-.211.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.076.128.179.128.287a.393.393 0 0 1-.128.288.455.455 0 0 1-.31.119Zm0 2.474H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm0 2.468H5.9a.455.455 0 0 1-.31-.119.393.393 0 0 1-.127-.287c0-.108.046-.212.128-.288a.455.455 0 0 1 .309-.119h10.687c.117 0 .228.043.31.12.082.075.128.179.128.287a.393.393 0 0 1-.128.287.455.455 0 0 1-.31.12Zm2.163-8.103v10.457H1.25V4.771h17.5Zm0-1.162H1.25a1.3 1.3 0 0 0-.884.34A1.122 1.122 0 0 0 0 4.772v10.457c0 .308.132.604.366.822a1.3 1.3 0 0 0 .884.34h17.5a1.3 1.3 0 0 0 .884-.34c.234-.218.366-.514.366-.822V4.771c0-.308-.132-.603-.366-.821a1.3 1.3 0 0 0-.884-.34ZM3.213 8.01c.287 0 .52-.217.52-.484s-.234-.483-.52-.483c-.288 0-.52.216-.52.483s.233.483.52.483Zm0 4.903c.287 0 .52-.217.52-.484 0-.266-.234-.483-.52-.483-.287 0-.52.216-.52.483s.233.484.52.484Zm0-2.452c.287 0 .52-.216.52-.483 0-.268-.234-.484-.52-.484-.288 0-.52.216-.52.484 0 .267.233.483.52.483Z"
-                fill="#175DDC"
-              />
-            </g>
-            <defs>
-              <clippath
-                id="a"
-              >
-                <path
-                  d="M0 .113h20v19.773H0z"
-                  fill="#fff"
-                />
-              </clippath>
-            </defs>
-          </svg>
-        </button>
-      </div>
-    </li>
-  </ul>
-</div>
-`;
-
-exports[`AutofillOverlayList initAutofillOverlayList the locked overlay for an unauthenticated user creates the views for the locked overlay 1`] = `
-<div
-  class="overlay-list-container theme_light"
->
-  <div
-    class="locked-overlay overlay-list-message"
-    id="locked-overlay-description"
-  >
-    unlockYourAccount
-  </div>
-  <div
-    class="overlay-list-button-container"
-  >
-    <button
-      aria-label="unlockAccount, opensInANewWindow"
-      class="unlock-button overlay-list-button"
-      id="unlock-button"
-      tabindex="-1"
-    >
-      <svg
-        aria-hidden="true"
-        fill="none"
-        height="17"
-        viewBox="0 0 17 17"
-        width="17"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g
-          clip-path="url(#a)"
-        >
-          <path
-            d="M8.799 11.633a.68.68 0 0 0-.639.422.695.695 0 0 0-.054.264.682.682 0 0 0 .374.6v1.13a.345.345 0 1 0 .693 0v-1.17a.68.68 0 0 0 .315-.56.695.695 0 0 0-.204-.486.682.682 0 0 0-.485-.2Zm4.554-4.657h-7.11a.438.438 0 0 1-.406-.26A3.81 3.81 0 0 1 5.584 4.3c.112-.435.312-.842.588-1.195A3.196 3.196 0 0 1 7.19 2.25a3.468 3.468 0 0 1 3.225-.059A3.62 3.62 0 0 1 11.94 3.71l.327.59a.502.502 0 1 0 .885-.483l-.307-.552a4.689 4.689 0 0 0-2.209-2.078 4.466 4.466 0 0 0-3.936.185A4.197 4.197 0 0 0 5.37 2.49a4.234 4.234 0 0 0-.768 1.565 4.714 4.714 0 0 0 .162 2.682.182.182 0 0 1-.085.22.173.173 0 0 1-.082.02h-.353a1.368 1.368 0 0 0-1.277.842c-.07.168-.107.348-.109.53v7.1a1.392 1.392 0 0 0 .412.974 1.352 1.352 0 0 0 .974.394h9.117c.363.001.711-.142.97-.4a1.39 1.39 0 0 0 .407-.972v-7.1a1.397 1.397 0 0 0-.414-.973 1.368 1.368 0 0 0-.972-.396Zm.37 8.469a.373.373 0 0 1-.11.26.364.364 0 0 1-.26.107H4.246a.366.366 0 0 1-.26-.107.374.374 0 0 1-.11-.261V8.349a.374.374 0 0 1 .11-.26.366.366 0 0 1 .26-.108h9.116a.366.366 0 0 1 .37.367l-.008 7.097Z"
-            fill="#175DDC"
-          />
-        </g>
-        <defs>
-          <clippath
-            id="a"
-          >
-            <path
-              d="M.798.817h16v16h-16z"
-              fill="#fff"
-            />
-          </clippath>
-        </defs>
-      </svg>
-      unlockAccount
-    </button>
-  </div>
-</div>
-`;
-
-exports[`AutofillOverlayList initAutofillOverlayList the overlay with an empty list of ciphers creates the views for the no results overlay 1`] = `
-<div
-  class="overlay-list-container theme_light"
->
-  <div
-    class="no-items overlay-list-message"
-  >
-    noItemsToShow
-  </div>
-  <div
-    class="overlay-list-button-container"
-  >
-    <button
-      aria-label="addNewVaultItem, opensInANewWindow"
-      class="add-new-item-button overlay-list-button"
-      id="new-item-button"
-      tabindex="-1"
-    >
-      <svg
-        aria-hidden="true"
-        fill="none"
-        height="17"
-        viewBox="0 0 16 17"
-        width="16"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g
-          clip-path="url(#a)"
-        >
-          <path
-            d="M15.222 7.914H8.963a.471.471 0 0 1-.34-.147.512.512 0 0 1-.142-.353V.99c0-.133-.05-.26-.14-.354a.471.471 0 0 0-.68 0 .51.51 0 0 0-.142.354v6.424c0 .132-.051.26-.142.353a.474.474 0 0 1-.34.147H.777a.47.47 0 0 0-.34.146.5.5 0 0 0-.14.354.522.522 0 0 0 .14.353.48.48 0 0 0 .34.147h6.26c.128 0 .25.052.34.146.09.094.142.221.142.354v6.576c0 .132.05.26.14.353a.471.471 0 0 0 .68 0 .512.512 0 0 0 .142-.353V9.414c0-.133.051-.26.142-.354a.474.474 0 0 1 .34-.146h6.26c.127 0 .25-.053.34-.147a.511.511 0 0 0 0-.707.472.472 0 0 0-.34-.146Z"
-            fill="#175DDC"
-          />
-        </g>
-        <defs>
-          <clippath
-            id="a"
-          >
-            <path
-              d="M0 .49h16v16H0z"
-              fill="#fff"
-            />
-          </clippath>
-        </defs>
-      </svg>
-      newItem
-    </button>
-  </div>
-</div>
-`;
diff --git a/apps/browser/src/autofill/overlay/inline-menu/pages/list/autofill-inline-menu-list.spec.ts b/apps/browser/src/autofill/overlay/inline-menu/pages/list/autofill-inline-menu-list.spec.ts
index 3110a0b307c..09d22b9a494 100644
--- a/apps/browser/src/autofill/overlay/inline-menu/pages/list/autofill-inline-menu-list.spec.ts
+++ b/apps/browser/src/autofill/overlay/inline-menu/pages/list/autofill-inline-menu-list.spec.ts
@@ -2,12 +2,12 @@ import { mock } from "jest-mock-extended";
 
 import { AuthenticationStatus } from "@bitwarden/common/auth/enums/authentication-status";
 
-import { createInitAutofillOverlayListMessageMock } from "../../../../spec/autofill-mocks";
+import { createInitAutofillInlineMenuListMessageMock } from "../../../../spec/autofill-mocks";
 import { flushPromises, postWindowMessage } from "../../../../spec/testing-utils";
 
 import { AutofillInlineMenuList } from "./autofill-inline-menu-list";
 
-describe("AutofillOverlayList", () => {
+describe("AutofillInlineMenuList", () => {
   globalThis.customElements.define("autofill-inline-menu-list", AutofillInlineMenuList);
   global.ResizeObserver = jest.fn().mockImplementation(() => ({
     observe: jest.fn(),
@@ -15,12 +15,12 @@ describe("AutofillOverlayList", () => {
     disconnect: jest.fn(),
   }));
 
-  let autofillOverlayList: AutofillInlineMenuList;
-  const portKey: string = "overlayListPortKey";
+  let autofillInlineMenuList: AutofillInlineMenuList;
+  const portKey: string = "inlineMenuListPortKey";
 
   beforeEach(() => {
     document.body.innerHTML = `<autofill-inline-menu-list></autofill-inline-menu-list>`;
-    autofillOverlayList = document.querySelector("autofill-inline-menu-list");
+    autofillInlineMenuList = document.querySelector("autofill-inline-menu-list");
     jest.spyOn(globalThis.document, "createElement");
     jest.spyOn(globalThis.parent, "postMessage");
   });
@@ -30,10 +30,10 @@ describe("AutofillOverlayList", () => {
   });
 
   describe("initAutofillInlineMenuList", () => {
-    describe("the locked overlay for an unauthenticated user", () => {
+    describe("the locked inline menu for an unauthenticated user", () => {
       beforeEach(() => {
         postWindowMessage(
-          createInitAutofillOverlayListMessageMock({
+          createInitAutofillInlineMenuListMessageMock({
             authStatus: AuthenticationStatus.Locked,
             cipherList: [],
             portKey,
@@ -41,13 +41,13 @@ describe("AutofillOverlayList", () => {
         );
       });
 
-      it("creates the views for the locked overlay", () => {
-        expect(autofillOverlayList["overlayListContainer"]).toMatchSnapshot();
+      it("creates the views for the locked inline menu", () => {
+        expect(autofillInlineMenuList["inlineMenuListContainer"]).toMatchSnapshot();
       });
 
       it("allows the user to unlock the vault", () => {
         const unlockButton =
-          autofillOverlayList["overlayListContainer"].querySelector("#unlock-button");
+          autofillInlineMenuList["inlineMenuListContainer"].querySelector("#unlock-button");
 
         unlockButton.dispatchEvent(new Event("click"));
 
@@ -58,10 +58,10 @@ describe("AutofillOverlayList", () => {
       });
     });
 
-    describe("the overlay with an empty list of ciphers", () => {
+    describe("the inline menu with an empty list of ciphers", () => {
       beforeEach(() => {
         postWindowMessage(
-          createInitAutofillOverlayListMessageMock({
+          createInitAutofillInlineMenuListMessageMock({
             authStatus: AuthenticationStatus.Unlocked,
             ciphers: [],
             portKey,
@@ -69,13 +69,13 @@ describe("AutofillOverlayList", () => {
         );
       });
 
-      it("creates the views for the no results overlay", () => {
-        expect(autofillOverlayList["overlayListContainer"]).toMatchSnapshot();
+      it("creates the views for the no results inline menu", () => {
+        expect(autofillInlineMenuList["inlineMenuListContainer"]).toMatchSnapshot();
       });
 
       it("allows the user to add a vault item", () => {
         const addVaultItemButton =
-          autofillOverlayList["overlayListContainer"].querySelector("#new-item-button");
+          autofillInlineMenuList["inlineMenuListContainer"].querySelector("#new-item-button");
 
         addVaultItemButton.dispatchEvent(new Event("click"));
 
@@ -88,23 +88,23 @@ describe("AutofillOverlayList", () => {
 
     describe("the list of ciphers for an authenticated user", () => {
       beforeEach(() => {
-        postWindowMessage(createInitAutofillOverlayListMessageMock());
+        postWindowMessage(createInitAutofillInlineMenuListMessageMock());
       });
 
       it("creates the view for a list of ciphers", () => {
-        expect(autofillOverlayList["overlayListContainer"]).toMatchSnapshot();
+        expect(autofillInlineMenuList["inlineMenuListContainer"]).toMatchSnapshot();
       });
 
       it("loads ciphers on scroll one page at a time", () => {
         jest.useFakeTimers();
         const originalListOfElements =
-          autofillOverlayList["overlayListContainer"].querySelectorAll(".cipher-container");
+          autofillInlineMenuList["inlineMenuListContainer"].querySelectorAll(".cipher-container");
 
         window.dispatchEvent(new Event("scroll"));
         jest.runAllTimers();
 
         const updatedListOfElements =
-          autofillOverlayList["overlayListContainer"].querySelectorAll(".cipher-container");
+          autofillInlineMenuList["inlineMenuListContainer"].querySelectorAll(".cipher-container");
 
         expect(originalListOfElements.length).toBe(6);
         expect(updatedListOfElements.length).toBe(8);
@@ -112,9 +112,9 @@ describe("AutofillOverlayList", () => {
 
       it("debounces the ciphers scroll handler", () => {
         jest.useFakeTimers();
-        autofillOverlayList["cipherListScrollDebounceTimeout"] = setTimeout(jest.fn, 0);
+        autofillInlineMenuList["cipherListScrollDebounceTimeout"] = setTimeout(jest.fn, 0);
         const handleDebouncedScrollEventSpy = jest.spyOn(
-          autofillOverlayList as any,
+          autofillInlineMenuList as any,
           "handleDebouncedScrollEvent",
         );
 
@@ -130,12 +130,12 @@ describe("AutofillOverlayList", () => {
 
       describe("fill cipher button event listeners", () => {
         beforeEach(() => {
-          postWindowMessage(createInitAutofillOverlayListMessageMock({ portKey }));
+          postWindowMessage(createInitAutofillInlineMenuListMessageMock({ portKey }));
         });
 
         it("allows the user to fill a cipher on click", () => {
           const fillCipherButton =
-            autofillOverlayList["overlayListContainer"].querySelector(".fill-cipher-button");
+            autofillInlineMenuList["inlineMenuListContainer"].querySelector(".fill-cipher-button");
 
           fillCipherButton.dispatchEvent(new Event("click"));
 
@@ -147,7 +147,9 @@ describe("AutofillOverlayList", () => {
 
         it("allows the user to move keyboard focus to the next cipher element on ArrowDown", () => {
           const fillCipherElements =
-            autofillOverlayList["overlayListContainer"].querySelectorAll(".fill-cipher-button");
+            autofillInlineMenuList["inlineMenuListContainer"].querySelectorAll(
+              ".fill-cipher-button",
+            );
           const firstFillCipherElement = fillCipherElements[0];
           const secondFillCipherElement = fillCipherElements[1];
           jest.spyOn(secondFillCipherElement as HTMLElement, "focus");
@@ -159,7 +161,9 @@ describe("AutofillOverlayList", () => {
 
         it("directs focus to the first item in the cipher list if no cipher is present after the current one when pressing ArrowDown", () => {
           const fillCipherElements =
-            autofillOverlayList["overlayListContainer"].querySelectorAll(".fill-cipher-button");
+            autofillInlineMenuList["inlineMenuListContainer"].querySelectorAll(
+              ".fill-cipher-button",
+            );
           const lastFillCipherElement = fillCipherElements[fillCipherElements.length - 1];
           const firstFillCipherElement = fillCipherElements[0];
           jest.spyOn(firstFillCipherElement as HTMLElement, "focus");
@@ -171,7 +175,9 @@ describe("AutofillOverlayList", () => {
 
         it("allows the user to move keyboard focus to the previous cipher element on ArrowUp", () => {
           const fillCipherElements =
-            autofillOverlayList["overlayListContainer"].querySelectorAll(".fill-cipher-button");
+            autofillInlineMenuList["inlineMenuListContainer"].querySelectorAll(
+              ".fill-cipher-button",
+            );
           const firstFillCipherElement = fillCipherElements[0];
           const secondFillCipherElement = fillCipherElements[1];
           jest.spyOn(firstFillCipherElement as HTMLElement, "focus");
@@ -183,7 +189,9 @@ describe("AutofillOverlayList", () => {
 
         it("directs focus to the last item in the cipher list if no cipher is present before the current one when pressing ArrowUp", () => {
           const fillCipherElements =
-            autofillOverlayList["overlayListContainer"].querySelectorAll(".fill-cipher-button");
+            autofillInlineMenuList["inlineMenuListContainer"].querySelectorAll(
+              ".fill-cipher-button",
+            );
           const firstFillCipherElement = fillCipherElements[0];
           const lastFillCipherElement = fillCipherElements[fillCipherElements.length - 1];
           jest.spyOn(lastFillCipherElement as HTMLElement, "focus");
@@ -195,7 +203,7 @@ describe("AutofillOverlayList", () => {
 
         it("allows the user to move keyboard focus to the view cipher button on ArrowRight", () => {
           const cipherContainerElement =
-            autofillOverlayList["overlayListContainer"].querySelector(".cipher-container");
+            autofillInlineMenuList["inlineMenuListContainer"].querySelector(".cipher-container");
           const fillCipherElement = cipherContainerElement.querySelector(".fill-cipher-button");
           const viewCipherButton = cipherContainerElement.querySelector(".view-cipher-button");
           jest.spyOn(viewCipherButton as HTMLElement, "focus");
@@ -207,7 +215,7 @@ describe("AutofillOverlayList", () => {
 
         it("ignores keyup events that do not include ArrowUp, ArrowDown, or ArrowRight", () => {
           const fillCipherElement =
-            autofillOverlayList["overlayListContainer"].querySelector(".fill-cipher-button");
+            autofillInlineMenuList["inlineMenuListContainer"].querySelector(".fill-cipher-button");
           jest.spyOn(fillCipherElement as HTMLElement, "focus");
 
           fillCipherElement.dispatchEvent(new KeyboardEvent("keyup", { code: "ArrowLeft" }));
@@ -218,12 +226,12 @@ describe("AutofillOverlayList", () => {
 
       describe("view cipher button event listeners", () => {
         beforeEach(() => {
-          postWindowMessage(createInitAutofillOverlayListMessageMock({ portKey }));
+          postWindowMessage(createInitAutofillInlineMenuListMessageMock({ portKey }));
         });
 
         it("allows the user to view a cipher on click", () => {
           const viewCipherButton =
-            autofillOverlayList["overlayListContainer"].querySelector(".view-cipher-button");
+            autofillInlineMenuList["inlineMenuListContainer"].querySelector(".view-cipher-button");
 
           viewCipherButton.dispatchEvent(new Event("click"));
 
@@ -235,7 +243,7 @@ describe("AutofillOverlayList", () => {
 
         it("allows the user to move keyboard focus to the current cipher element on ArrowLeft", () => {
           const cipherContainerElement =
-            autofillOverlayList["overlayListContainer"].querySelector(".cipher-container");
+            autofillInlineMenuList["inlineMenuListContainer"].querySelector(".cipher-container");
           const fillCipherButton = cipherContainerElement.querySelector(".fill-cipher-button");
           const viewCipherButton = cipherContainerElement.querySelector(".view-cipher-button");
           jest.spyOn(fillCipherButton as HTMLElement, "focus");
@@ -247,7 +255,7 @@ describe("AutofillOverlayList", () => {
 
         it("allows the user to move keyboard to the next cipher element on ArrowDown", () => {
           const cipherContainerElements =
-            autofillOverlayList["overlayListContainer"].querySelectorAll(".cipher-container");
+            autofillInlineMenuList["inlineMenuListContainer"].querySelectorAll(".cipher-container");
           const viewCipherButton = cipherContainerElements[0].querySelector(".view-cipher-button");
           const secondFillCipherButton =
             cipherContainerElements[1].querySelector(".fill-cipher-button");
@@ -260,7 +268,7 @@ describe("AutofillOverlayList", () => {
 
         it("allows the user to move keyboard focus to the previous cipher element on ArrowUp", () => {
           const cipherContainerElements =
-            autofillOverlayList["overlayListContainer"].querySelectorAll(".cipher-container");
+            autofillInlineMenuList["inlineMenuListContainer"].querySelectorAll(".cipher-container");
           const viewCipherButton = cipherContainerElements[1].querySelector(".view-cipher-button");
           const firstFillCipherButton =
             cipherContainerElements[0].querySelector(".fill-cipher-button");
@@ -273,7 +281,7 @@ describe("AutofillOverlayList", () => {
 
         it("ignores keyup events that do not include ArrowUp, ArrowDown, or ArrowRight", () => {
           const viewCipherButton =
-            autofillOverlayList["overlayListContainer"].querySelector(".view-cipher-button");
+            autofillInlineMenuList["inlineMenuListContainer"].querySelector(".view-cipher-button");
           jest.spyOn(viewCipherButton as HTMLElement, "focus");
 
           viewCipherButton.dispatchEvent(new KeyboardEvent("keyup", { code: "ArrowRight" }));
@@ -286,10 +294,10 @@ describe("AutofillOverlayList", () => {
 
   describe("global event listener handlers", () => {
     beforeEach(() => {
-      postWindowMessage(createInitAutofillOverlayListMessageMock({ portKey }));
+      postWindowMessage(createInitAutofillInlineMenuListMessageMock({ portKey }));
     });
 
-    it("does not post a `checkAutofillInlineMenuButtonFocused` message to the parent if the overlay is currently focused", () => {
+    it("does not post a `checkAutofillInlineMenuButtonFocused` message to the parent if the inline menu is currently focused", () => {
       jest.spyOn(globalThis.document, "hasFocus").mockReturnValue(true);
 
       postWindowMessage({ command: "checkAutofillInlineMenuListFocused" });
@@ -297,7 +305,7 @@ describe("AutofillOverlayList", () => {
       expect(globalThis.parent.postMessage).not.toHaveBeenCalled();
     });
 
-    it("posts a `checkAutofillInlineMenuButtonFocused` message to the parent if the overlay is not currently focused", () => {
+    it("posts a `checkAutofillInlineMenuButtonFocused` message to the parent if the inline menu is not currently focused", () => {
       jest.spyOn(globalThis.document, "hasFocus").mockReturnValue(false);
 
       postWindowMessage({ command: "checkAutofillInlineMenuListFocused" });
@@ -309,43 +317,43 @@ describe("AutofillOverlayList", () => {
     });
 
     it("updates the list of ciphers", () => {
-      postWindowMessage(createInitAutofillOverlayListMessageMock());
-      const updateCiphersSpy = jest.spyOn(autofillOverlayList as any, "updateListItems");
+      postWindowMessage(createInitAutofillInlineMenuListMessageMock());
+      const updateCiphersSpy = jest.spyOn(autofillInlineMenuList as any, "updateListItems");
 
       postWindowMessage({ command: "updateAutofillInlineMenuListCiphers" });
 
       expect(updateCiphersSpy).toHaveBeenCalled();
     });
 
-    describe("directing user focus into the overlay list", () => {
+    describe("directing user focus into the inline menu list", () => {
       it("sets ARIA attributes that define the list as a `dialog` to screen reader users", () => {
         postWindowMessage(
-          createInitAutofillOverlayListMessageMock({
+          createInitAutofillInlineMenuListMessageMock({
             authStatus: AuthenticationStatus.Locked,
             cipherList: [],
           }),
         );
-        const overlayContainerSetAttributeSpy = jest.spyOn(
-          autofillOverlayList["overlayListContainer"],
+        const inlineMenuContainerSetAttributeSpy = jest.spyOn(
+          autofillInlineMenuList["inlineMenuListContainer"],
           "setAttribute",
         );
 
         postWindowMessage({ command: "focusInlineMenuList" });
 
-        expect(overlayContainerSetAttributeSpy).toHaveBeenCalledWith("role", "dialog");
-        expect(overlayContainerSetAttributeSpy).toHaveBeenCalledWith("aria-modal", "true");
+        expect(inlineMenuContainerSetAttributeSpy).toHaveBeenCalledWith("role", "dialog");
+        expect(inlineMenuContainerSetAttributeSpy).toHaveBeenCalledWith("aria-modal", "true");
       });
 
       it("focuses the unlock button element if the user is not authenticated", async () => {
         postWindowMessage(
-          createInitAutofillOverlayListMessageMock({
+          createInitAutofillInlineMenuListMessageMock({
             authStatus: AuthenticationStatus.Locked,
             cipherList: [],
           }),
         );
         await flushPromises();
         const unlockButton =
-          autofillOverlayList["overlayListContainer"].querySelector("#unlock-button");
+          autofillInlineMenuList["inlineMenuListContainer"].querySelector("#unlock-button");
         jest.spyOn(unlockButton as HTMLElement, "focus");
 
         postWindowMessage({ command: "focusInlineMenuList" });
@@ -354,10 +362,10 @@ describe("AutofillOverlayList", () => {
       });
 
       it("focuses the new item button element if the cipher list is empty", async () => {
-        postWindowMessage(createInitAutofillOverlayListMessageMock({ ciphers: [] }));
+        postWindowMessage(createInitAutofillInlineMenuListMessageMock({ ciphers: [] }));
         await flushPromises();
         const newItemButton =
-          autofillOverlayList["overlayListContainer"].querySelector("#new-item-button");
+          autofillInlineMenuList["inlineMenuListContainer"].querySelector("#new-item-button");
         jest.spyOn(newItemButton as HTMLElement, "focus");
 
         postWindowMessage({ command: "focusInlineMenuList" });
@@ -366,9 +374,9 @@ describe("AutofillOverlayList", () => {
       });
 
       it("focuses the first cipher button element if the cipher list is populated", () => {
-        postWindowMessage(createInitAutofillOverlayListMessageMock());
+        postWindowMessage(createInitAutofillInlineMenuListMessageMock());
         const firstCipherItem =
-          autofillOverlayList["overlayListContainer"].querySelector(".fill-cipher-button");
+          autofillInlineMenuList["inlineMenuListContainer"].querySelector(".fill-cipher-button");
         jest.spyOn(firstCipherItem as HTMLElement, "focus");
 
         postWindowMessage({ command: "focusInlineMenuList" });
@@ -378,8 +386,8 @@ describe("AutofillOverlayList", () => {
     });
 
     describe("blur event", () => {
-      it("posts a message to the parent window indicating that the overlay has lost focus", () => {
-        postWindowMessage(createInitAutofillOverlayListMessageMock({ portKey }));
+      it("posts a message to the parent window indicating that the inline menu has lost focus", () => {
+        postWindowMessage(createInitAutofillInlineMenuListMessageMock({ portKey }));
 
         globalThis.dispatchEvent(new Event("blur"));
 
@@ -392,7 +400,7 @@ describe("AutofillOverlayList", () => {
 
     describe("keydown event", () => {
       beforeEach(() => {
-        postWindowMessage(createInitAutofillOverlayListMessageMock({ portKey }));
+        postWindowMessage(createInitAutofillInlineMenuListMessageMock({ portKey }));
       });
 
       it("skips redirecting keyboard focus when a KeyDown event triggers and the key is not a `Tab` or `Escape` key", () => {
@@ -401,7 +409,7 @@ describe("AutofillOverlayList", () => {
         expect(globalThis.parent.postMessage).not.toHaveBeenCalled();
       });
 
-      it("redirects the overlay focus out to the previous element on KeyDown of the `Tab+Shift` keys", () => {
+      it("redirects the inline menu focus out to the previous element on KeyDown of the `Tab+Shift` keys", () => {
         globalThis.document.dispatchEvent(
           new KeyboardEvent("keydown", { code: "Tab", shiftKey: true }),
         );
@@ -412,7 +420,7 @@ describe("AutofillOverlayList", () => {
         );
       });
 
-      it("redirects the overlay focus out to the next element on KeyDown of the `Tab` key", () => {
+      it("redirects the inline menu focus out to the next element on KeyDown of the `Tab` key", () => {
         globalThis.document.dispatchEvent(new KeyboardEvent("keydown", { code: "Tab" }));
 
         expect(globalThis.parent.postMessage).toHaveBeenCalledWith(
@@ -421,7 +429,7 @@ describe("AutofillOverlayList", () => {
         );
       });
 
-      it("redirects the overlay focus out to the current element on KeyDown of the `Escape` key", () => {
+      it("redirects the inline menu focus out to the current element on KeyDown of the `Escape` key", () => {
         globalThis.document.dispatchEvent(new KeyboardEvent("keydown", { code: "Escape" }));
 
         expect(globalThis.parent.postMessage).toHaveBeenCalledWith(
@@ -434,10 +442,10 @@ describe("AutofillOverlayList", () => {
 
   describe("handleResizeObserver", () => {
     beforeEach(() => {
-      postWindowMessage(createInitAutofillOverlayListMessageMock({ portKey }));
+      postWindowMessage(createInitAutofillInlineMenuListMessageMock({ portKey }));
     });
 
-    it("ignores resize entries whose target is not the overlay list", () => {
+    it("ignores resize entries whose target is not the inline menu list", () => {
       const entries = [
         {
           target: mock<HTMLElement>(),
@@ -445,20 +453,20 @@ describe("AutofillOverlayList", () => {
         },
       ];
 
-      autofillOverlayList["handleResizeObserver"](entries as unknown as ResizeObserverEntry[]);
+      autofillInlineMenuList["handleResizeObserver"](entries as unknown as ResizeObserverEntry[]);
 
       expect(globalThis.parent.postMessage).not.toHaveBeenCalled();
     });
 
-    it("posts a message to update the overlay list height if the list container is resized", () => {
+    it("posts a message to update the inline menu list height if the list container is resized", () => {
       const entries = [
         {
-          target: autofillOverlayList["overlayListContainer"],
+          target: autofillInlineMenuList["inlineMenuListContainer"],
           contentRect: { height: 300 },
         },
       ];
 
-      autofillOverlayList["handleResizeObserver"](entries as unknown as ResizeObserverEntry[]);
+      autofillInlineMenuList["handleResizeObserver"](entries as unknown as ResizeObserverEntry[]);
 
       expect(globalThis.parent.postMessage).toHaveBeenCalledWith(
         { command: "updateAutofillInlineMenuListHeight", styles: { height: "300px" }, portKey },
diff --git a/apps/browser/src/autofill/overlay/inline-menu/pages/list/autofill-inline-menu-list.ts b/apps/browser/src/autofill/overlay/inline-menu/pages/list/autofill-inline-menu-list.ts
index c1b32acf56f..198a3fa498c 100644
--- a/apps/browser/src/autofill/overlay/inline-menu/pages/list/autofill-inline-menu-list.ts
+++ b/apps/browser/src/autofill/overlay/inline-menu/pages/list/autofill-inline-menu-list.ts
@@ -13,7 +13,7 @@ import {
 import { AutofillInlineMenuPageElement } from "../shared/autofill-inline-menu-page-element";
 
 export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
-  private overlayListContainer: HTMLDivElement;
+  private inlineMenuListContainer: HTMLDivElement;
   private resizeObserver: ResizeObserver;
   private eventHandlersMemo: { [key: string]: EventListener } = {};
   private ciphers: OverlayCipherData[] = [];
@@ -22,28 +22,29 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
   private cipherListScrollDebounceTimeout: number | NodeJS.Timeout;
   private currentCipherIndex = 0;
   private readonly showCiphersPerPage = 6;
-  private readonly overlayListWindowMessageHandlers: AutofillInlineMenuListWindowMessageHandlers = {
-    initAutofillInlineMenuList: ({ message }) => this.initAutofillInlineMenuList(message),
-    checkAutofillInlineMenuListFocused: () => this.checkInlineMenuListFocused(),
-    updateAutofillInlineMenuListCiphers: ({ message }) => this.updateListItems(message.ciphers),
-    focusInlineMenuList: () => this.focusInlineMenuList(),
-  };
+  private readonly inlineMenuListWindowMessageHandlers: AutofillInlineMenuListWindowMessageHandlers =
+    {
+      initAutofillInlineMenuList: ({ message }) => this.initAutofillInlineMenuList(message),
+      checkAutofillInlineMenuListFocused: () => this.checkInlineMenuListFocused(),
+      updateAutofillInlineMenuListCiphers: ({ message }) => this.updateListItems(message.ciphers),
+      focusInlineMenuList: () => this.focusInlineMenuList(),
+    };
 
   constructor() {
     super();
 
-    this.setupOverlayListGlobalListeners();
+    this.setupInlineMenuListGlobalListeners();
   }
 
   /**
-   * Initializes the overlay list and updates the list items with the passed ciphers.
-   * If the auth status is not `Unlocked`, the locked overlay is built.
+   * Initializes the inline menu list and updates the list items with the passed ciphers.
+   * If the auth status is not `Unlocked`, the locked inline menu is built.
    *
-   * @param translations - The translations to use for the overlay list.
-   * @param styleSheetUrl - The URL of the stylesheet to use for the overlay list.
-   * @param theme - The theme to use for the overlay list.
+   * @param translations - The translations to use for the inline menu list.
+   * @param styleSheetUrl - The URL of the stylesheet to use for the inline menu list.
+   * @param theme - The theme to use for the inline menu list.
    * @param authStatus - The current authentication status.
-   * @param ciphers - The ciphers to display in the overlay list.
+   * @param ciphers - The ciphers to display in the inline menu list.
    * @param portKey - Background generated key that allows the port to communicate with the background.
    */
   private async initAutofillInlineMenuList({
@@ -64,34 +65,34 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
     const themeClass = `theme_${theme}`;
     globalThis.document.documentElement.classList.add(themeClass);
 
-    this.overlayListContainer = globalThis.document.createElement("div");
-    this.overlayListContainer.classList.add("overlay-list-container", themeClass);
-    this.resizeObserver.observe(this.overlayListContainer);
+    this.inlineMenuListContainer = globalThis.document.createElement("div");
+    this.inlineMenuListContainer.classList.add("inline-menu-list-container", themeClass);
+    this.resizeObserver.observe(this.inlineMenuListContainer);
 
-    this.shadowDom.append(linkElement, this.overlayListContainer);
+    this.shadowDom.append(linkElement, this.inlineMenuListContainer);
 
     if (authStatus === AuthenticationStatus.Unlocked) {
       this.updateListItems(ciphers);
       return;
     }
 
-    this.buildLockedOverlay();
+    this.buildLockedInlineMenu();
   }
 
   /**
-   * Builds the locked overlay, which is displayed when the user is not authenticated.
-   * Facilitates the ability to unlock the extension from the overlay.
+   * Builds the locked inline menu, which is displayed when the user is not authenticated.
+   * Facilitates the ability to unlock the extension from the inline menu.
    */
-  private buildLockedOverlay() {
-    const lockedOverlay = globalThis.document.createElement("div");
-    lockedOverlay.id = "locked-overlay-description";
-    lockedOverlay.classList.add("locked-overlay", "overlay-list-message");
-    lockedOverlay.textContent = this.getTranslation("unlockYourAccount");
+  private buildLockedInlineMenu() {
+    const lockedInlineMenu = globalThis.document.createElement("div");
+    lockedInlineMenu.id = "locked-inline-menu-description";
+    lockedInlineMenu.classList.add("locked-inline-menu", "inline-menu-list-message");
+    lockedInlineMenu.textContent = this.getTranslation("unlockYourAccount");
 
     const unlockButtonElement = globalThis.document.createElement("button");
     unlockButtonElement.id = "unlock-button";
     unlockButtonElement.tabIndex = -1;
-    unlockButtonElement.classList.add("unlock-button", "overlay-list-button");
+    unlockButtonElement.classList.add("unlock-button", "inline-menu-list-button");
     unlockButtonElement.textContent = this.getTranslation("unlockAccount");
     unlockButtonElement.setAttribute(
       "aria-label",
@@ -100,11 +101,11 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
     unlockButtonElement.prepend(buildSvgDomElement(lockIcon));
     unlockButtonElement.addEventListener(EVENTS.CLICK, this.handleUnlockButtonClick);
 
-    const overlayListButtonContainer = globalThis.document.createElement("div");
-    overlayListButtonContainer.classList.add("overlay-list-button-container");
-    overlayListButtonContainer.appendChild(unlockButtonElement);
+    const inlineMenuListButtonContainer = globalThis.document.createElement("div");
+    inlineMenuListButtonContainer.classList.add("inline-menu-list-button-container");
+    inlineMenuListButtonContainer.appendChild(unlockButtonElement);
 
-    this.overlayListContainer.append(lockedOverlay, overlayListButtonContainer);
+    this.inlineMenuListContainer.append(lockedInlineMenu, inlineMenuListButtonContainer);
   }
 
   /**
@@ -117,45 +118,45 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
 
   /**
    * Updates the list items with the passed ciphers.
-   * If no ciphers are passed, the no results overlay is built.
+   * If no ciphers are passed, the no results inline menu is built.
    *
-   * @param ciphers - The ciphers to display in the overlay list.
+   * @param ciphers - The ciphers to display in the inline menu list.
    */
   private updateListItems(ciphers: OverlayCipherData[]) {
     this.ciphers = ciphers;
     this.currentCipherIndex = 0;
-    if (this.overlayListContainer) {
-      this.overlayListContainer.innerHTML = "";
+    if (this.inlineMenuListContainer) {
+      this.inlineMenuListContainer.innerHTML = "";
     }
 
     if (!ciphers?.length) {
-      this.buildNoResultsOverlayList();
+      this.buildNoResultsInlineMenuList();
       return;
     }
 
     this.ciphersList = globalThis.document.createElement("ul");
-    this.ciphersList.classList.add("overlay-actions-list");
+    this.ciphersList.classList.add("inline-menu-list-actions");
     this.ciphersList.setAttribute("role", "list");
     globalThis.addEventListener(EVENTS.SCROLL, this.handleCiphersListScrollEvent);
 
     this.loadPageOfCiphers();
 
-    this.overlayListContainer.appendChild(this.ciphersList);
+    this.inlineMenuListContainer.appendChild(this.ciphersList);
   }
 
   /**
-   * Overlay view that is presented when no ciphers are found for a given page.
-   * Facilitates the ability to add a new vault item from the overlay.
+   * Inline menu view that is presented when no ciphers are found for a given page.
+   * Facilitates the ability to add a new vault item from the inline menu.
    */
-  private buildNoResultsOverlayList() {
+  private buildNoResultsInlineMenuList() {
     const noItemsMessage = globalThis.document.createElement("div");
-    noItemsMessage.classList.add("no-items", "overlay-list-message");
+    noItemsMessage.classList.add("no-items", "inline-menu-list-message");
     noItemsMessage.textContent = this.getTranslation("noItemsToShow");
 
     const newItemButton = globalThis.document.createElement("button");
     newItemButton.tabIndex = -1;
     newItemButton.id = "new-item-button";
-    newItemButton.classList.add("add-new-item-button", "overlay-list-button");
+    newItemButton.classList.add("add-new-item-button", "inline-menu-list-button");
     newItemButton.textContent = this.getTranslation("newItem");
     newItemButton.setAttribute(
       "aria-label",
@@ -164,11 +165,11 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
     newItemButton.prepend(buildSvgDomElement(plusIcon));
     newItemButton.addEventListener(EVENTS.CLICK, this.handeNewItemButtonClick);
 
-    const overlayListButtonContainer = globalThis.document.createElement("div");
-    overlayListButtonContainer.classList.add("overlay-list-button-container");
-    overlayListButtonContainer.appendChild(newItemButton);
+    const inlineMenuListButtonContainer = globalThis.document.createElement("div");
+    inlineMenuListButtonContainer.classList.add("inline-menu-list-button-container");
+    inlineMenuListButtonContainer.appendChild(newItemButton);
 
-    this.overlayListContainer.append(noItemsMessage, overlayListButtonContainer);
+    this.inlineMenuListContainer.append(noItemsMessage, inlineMenuListButtonContainer);
   }
 
   /**
@@ -180,7 +181,7 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
   };
 
   /**
-   * Loads a page of ciphers into the overlay list container.
+   * Loads a page of ciphers into the inline menu list container.
    */
   private loadPageOfCiphers() {
     const lastIndex = Math.min(
@@ -188,7 +189,7 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
       this.ciphers.length,
     );
     for (let cipherIndex = this.currentCipherIndex; cipherIndex < lastIndex; cipherIndex++) {
-      this.ciphersList.appendChild(this.buildOverlayActionsListItem(this.ciphers[cipherIndex]));
+      this.ciphersList.appendChild(this.buildInlineMenuListActionsItem(this.ciphers[cipherIndex]));
       this.currentCipherIndex++;
     }
 
@@ -230,7 +231,7 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
    *
    * @param cipher - The cipher to build the list item for.
    */
-  private buildOverlayActionsListItem(cipher: OverlayCipherData) {
+  private buildInlineMenuListActionsItem(cipher: OverlayCipherData) {
     const fillCipherElement = this.buildFillCipherElement(cipher);
     const viewCipherElement = this.buildViewCipherElement(cipher);
 
@@ -238,12 +239,12 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
     cipherContainerElement.classList.add("cipher-container");
     cipherContainerElement.append(fillCipherElement, viewCipherElement);
 
-    const overlayActionsListItem = globalThis.document.createElement("li");
-    overlayActionsListItem.setAttribute("role", "listitem");
-    overlayActionsListItem.classList.add("overlay-actions-list-item");
-    overlayActionsListItem.appendChild(cipherContainerElement);
+    const inlineMenuListActionsItem = globalThis.document.createElement("li");
+    inlineMenuListActionsItem.setAttribute("role", "listitem");
+    inlineMenuListActionsItem.classList.add("inline-menu-list-actions-item");
+    inlineMenuListActionsItem.appendChild(cipherContainerElement);
 
-    return overlayActionsListItem;
+    return inlineMenuListActionsItem;
   }
 
   /**
@@ -306,7 +307,7 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
 
     event.preventDefault();
 
-    const currentListItem = event.target.closest(".overlay-actions-list-item") as HTMLElement;
+    const currentListItem = event.target.closest(".inline-menu-list-actions-item") as HTMLElement;
     if (event.code === "ArrowDown") {
       this.focusNextListItem(currentListItem);
       return;
@@ -369,7 +370,7 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
 
     event.preventDefault();
 
-    const currentListItem = event.target.closest(".overlay-actions-list-item") as HTMLElement;
+    const currentListItem = event.target.closest(".inline-menu-list-actions-item") as HTMLElement;
     const cipherContainer = currentListItem.querySelector(".cipher-container") as HTMLElement;
     cipherContainer?.classList.remove("remove-outline");
     if (event.code === "ArrowDown") {
@@ -484,7 +485,7 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
   }
 
   /**
-   * Validates whether the overlay list iframe is currently focused.
+   * Validates whether the inline menu list iframe is currently focused.
    * If not focused, will check if the button element is focused.
    */
   private checkInlineMenuListFocused() {
@@ -496,15 +497,15 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
   }
 
   /**
-   * Focuses the overlay list iframe. The element that receives focus is
+   * Focuses the inline menu list iframe. The element that receives focus is
    * determined by the presence of the unlock button, new item button, or
    * the first cipher button.
    */
   private focusInlineMenuList() {
-    this.overlayListContainer.setAttribute("role", "dialog");
-    this.overlayListContainer.setAttribute("aria-modal", "true");
+    this.inlineMenuListContainer.setAttribute("role", "dialog");
+    this.inlineMenuListContainer.setAttribute("aria-modal", "true");
 
-    const unlockButtonElement = this.overlayListContainer.querySelector(
+    const unlockButtonElement = this.inlineMenuListContainer.querySelector(
       "#unlock-button",
     ) as HTMLElement;
     if (unlockButtonElement) {
@@ -512,7 +513,7 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
       return;
     }
 
-    const newItemButtonElement = this.overlayListContainer.querySelector(
+    const newItemButtonElement = this.inlineMenuListContainer.querySelector(
       "#new-item-button",
     ) as HTMLElement;
     if (newItemButtonElement) {
@@ -520,31 +521,31 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
       return;
     }
 
-    const firstCipherElement = this.overlayListContainer.querySelector(
+    const firstCipherElement = this.inlineMenuListContainer.querySelector(
       ".fill-cipher-button",
     ) as HTMLElement;
     firstCipherElement?.focus();
   }
 
   /**
-   * Sets up the global listeners for the overlay list iframe.
+   * Sets up the global listeners for the inline menu list iframe.
    */
-  private setupOverlayListGlobalListeners() {
-    this.setupGlobalListeners(this.overlayListWindowMessageHandlers);
+  private setupInlineMenuListGlobalListeners() {
+    this.setupGlobalListeners(this.inlineMenuListWindowMessageHandlers);
 
     this.resizeObserver = new ResizeObserver(this.handleResizeObserver);
   }
 
   /**
    * Handles the resize observer event. Facilitates updating the height of the
-   * overlay list iframe when the height of the list changes.
+   * inline menu list iframe when the height of the list changes.
    *
    * @param entries - The resize observer entries.
    */
   private handleResizeObserver = (entries: ResizeObserverEntry[]) => {
     for (let entryIndex = 0; entryIndex < entries.length; entryIndex++) {
       const entry = entries[entryIndex];
-      if (entry.target !== this.overlayListContainer) {
+      if (entry.target !== this.inlineMenuListContainer) {
         continue;
       }
 
@@ -568,7 +569,7 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
   };
 
   /**
-   * Focuses the next list item in the overlay list. If the current list item is the last
+   * Focuses the next list item in the inline menu list. If the current list item is the last
    * item in the list, the first item is focused.
    *
    * @param currentListItem - The current list item.
@@ -587,7 +588,7 @@ export class AutofillInlineMenuList extends AutofillInlineMenuPageElement {
   }
 
   /**
-   * Focuses the previous list item in the overlay list. If the current list item is the first
+   * Focuses the previous list item in the inline menu list. If the current list item is the first
    * item in the list, the last item is focused.
    *
    * @param currentListItem - The current list item.
diff --git a/apps/browser/src/autofill/overlay/inline-menu/pages/list/list.scss b/apps/browser/src/autofill/overlay/inline-menu/pages/list/list.scss
index 4d70bcb9d67..b2d4c359a2c 100644
--- a/apps/browser/src/autofill/overlay/inline-menu/pages/list/list.scss
+++ b/apps/browser/src/autofill/overlay/inline-menu/pages/list/list.scss
@@ -22,7 +22,7 @@ body {
   }
 }
 
-.overlay-list-message {
+.inline-menu-list-message {
   font-family: $font-family-sans-serif;
   font-weight: 400;
   font-size: 1.4rem;
@@ -39,7 +39,7 @@ body {
   }
 }
 
-.overlay-list-button-container {
+.inline-menu-list-button-container {
   width: 100%;
   padding: 0.2rem;
   background: transparent;
@@ -58,7 +58,7 @@ body {
   }
 }
 
-.overlay-list-button {
+.inline-menu-list-button {
   display: flex;
   align-content: center;
   justify-content: flex-start;
@@ -116,12 +116,12 @@ body {
   }
 }
 
-.overlay-actions-list {
+.inline-menu-list-actions {
   padding: 0;
   margin: 0;
 }
 
-.overlay-actions-list-item {
+.inline-menu-list-actions-item {
   transition: background-color 0.2s ease-in-out;
   list-style: none;
   padding: 0.2rem;
diff --git a/apps/browser/src/autofill/spec/autofill-mocks.ts b/apps/browser/src/autofill/spec/autofill-mocks.ts
index 7dfa70f9911..4d1d079cebf 100644
--- a/apps/browser/src/autofill/spec/autofill-mocks.ts
+++ b/apps/browser/src/autofill/spec/autofill-mocks.ts
@@ -195,7 +195,7 @@ function createAutofillOverlayCipherDataMock(index: number, customFields = {}):
   };
 }
 
-function createInitAutofillOverlayListMessageMock(
+function createInitAutofillInlineMenuListMessageMock(
   customFields = {},
 ): InitAutofillInlineMenuListMessage {
   return {
@@ -298,7 +298,7 @@ export {
   createGenerateFillScriptOptionsMock,
   createAutofillScriptMock,
   createInitAutofillInlineMenuButtonMessageMock,
-  createInitAutofillOverlayListMessageMock,
+  createInitAutofillInlineMenuListMessageMock,
   createFocusedFieldDataMock,
   createPortSpyMock,
   createMutationRecordMock,