diff --git a/src-ui/src/app/components/document-detail/document-version-dropdown/document-version-dropdown.component.html b/src-ui/src/app/components/document-detail/document-version-dropdown/document-version-dropdown.component.html
index 648d3938c..4bb92fd02 100644
--- a/src-ui/src/app/components/document-detail/document-version-dropdown/document-version-dropdown.component.html
+++ b/src-ui/src/app/components/document-detail/document-version-dropdown/document-version-dropdown.component.html
@@ -64,9 +64,9 @@
           >
             <div class="check mx-3">
               @if (selectedVersionId === version.id) {
-                <i-bs name="check2-square"></i-bs>
+                <i-bs name="check-circle"></i-bs>
               } @else {
-                &nbsp;
+                <i-bs class="text-muted" name="circle"></i-bs>
               }
             </div>
             <div class="d-flex flex-column">
diff --git a/src-ui/src/main.ts b/src-ui/src/main.ts
index 3f8e366e6..bd1e6ebbb 100644
--- a/src-ui/src/main.ts
+++ b/src-ui/src/main.ts
@@ -52,7 +52,6 @@ import {
   chatSquareDots,
   check,
   check2All,
-  check2Square,
   checkAll,
   checkCircle,
   checkCircleFill,
@@ -60,6 +59,7 @@ import {
   chevronDoubleLeft,
   chevronDoubleRight,
   chevronRight,
+  circle,
   clipboard,
   clipboardCheck,
   clipboardCheckFill,
@@ -274,7 +274,6 @@ const icons = {
   chatSquareDots,
   check,
   check2All,
-  check2Square,
   checkAll,
   checkCircle,
   checkCircleFill,
@@ -282,6 +281,7 @@ const icons = {
   chevronDoubleLeft,
   chevronDoubleRight,
   chevronRight,
+  circle,
   clipboard,
   clipboardCheck,
   clipboardCheckFill,