diff --git a/resources/public/icons/dot.svg b/resources/public/icons/dot.svg
new file mode 100644
index 00000000..f5a7baba
--- /dev/null
+++ b/resources/public/icons/dot.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="17" version="1.1" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8.5 5c-1.9192 0-3.5 1.5808-3.5 3.5 0 1.9192 1.5808 3.5 3.5 3.5 1.9192 0 3.5-1.5808 3.5-3.5 0-1.9192-1.5808-3.5-3.5-3.5z" stroke-width="2.3333"/>
+</svg>
diff --git a/src/renderer/document/styles.css b/src/renderer/document/styles.css
index e9ac42e6..9798ed01 100644
--- a/src/renderer/document/styles.css
+++ b/src/renderer/document/styles.css
@@ -4,14 +4,14 @@
   flex: 0 1 130px;
 
   .close-document-button {
-    @apply icon-button invisible;
+    @apply icon-button invisible relative;
 
-    .circle {
-      @apply small absolute inset-0 text-center bg-primary;
+    .dot {
+      @apply absolute inset-0 bg-primary flex items-center;
     }
 
     &:hover {
-      .circle {
+      .dot {
         @apply hidden;
       }
     }
diff --git a/src/renderer/document/views.cljs b/src/renderer/document/views.cljs
index bd17fec1..67f69802 100644
--- a/src/renderer/document/views.cljs
+++ b/src/renderer/document/views.cljs
@@ -67,7 +67,7 @@
                      (rf/dispatch [:document/close key]))}
    [comp/icon "times"]
    (when-not saved?
-     [:div.circle "●"])])
+     [comp/icon "dot" {:class "dot"}])])
 
 (defn context-menu
   [key]