diff --git a/src-ui/src/app/components/document-detail/document-detail.component.html b/src-ui/src/app/components/document-detail/document-detail.component.html
index 47e3abb9d..0a52aebe7 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.html
+++ b/src-ui/src/app/components/document-detail/document-detail.component.html
@@ -27,7 +27,7 @@
   @if (document?.versions?.length > 0) {
     <div class="btn-group" ngbDropdown role="group" autoClose="outside">
       <button class="btn btn-sm btn-outline-secondary dropdown-toggle" ngbDropdownToggle>
-        <i-bs name="layers"></i-bs>
+        <i-bs name="file-earmark-diff"></i-bs>
         <span class="d-none d-lg-inline ps-1" i18n>Versions</span>
       </button>
       <div class="dropdown-menu shadow" ngbDropdownMenu>
diff --git a/src-ui/src/main.ts b/src-ui/src/main.ts
index 14540910d..6f9622b87 100644
--- a/src-ui/src/main.ts
+++ b/src-ui/src/main.ts
@@ -79,6 +79,7 @@ import {
   eye,
   fileEarmark,
   fileEarmarkCheck,
+  fileEarmarkDiff,
   fileEarmarkFill,
   fileEarmarkLock,
   fileEarmarkMinus,
@@ -99,7 +100,6 @@ import {
   house,
   infoCircle,
   journals,
-  layers,
   link,
   listNested,
   listTask,
@@ -299,6 +299,7 @@ const icons = {
   eye,
   fileEarmark,
   fileEarmarkCheck,
+  fileEarmarkDiff,
   fileEarmarkFill,
   fileEarmarkLock,
   fileEarmarkMinus,
@@ -319,7 +320,6 @@ const icons = {
   house,
   infoCircle,
   journals,
-  layers,
   link,
   listNested,
   listTask,