diff --git a/server/public/index.html b/server/public/index.html
index 00eafd4..65b7b3c 100644
--- a/server/public/index.html
+++ b/server/public/index.html
@@ -72,6 +72,7 @@
                 display();
 
                 function display() {
+                    main.html(`<div class="center-message"><p>Loading...</p></div>`);
                     let id = getId();
                     $.ajax({
                         method: "get",
@@ -86,7 +87,7 @@
                                     $(window).scrollTop(element.offset().top);
                             });
                         },
-                        error: (r, s, e) => main.html(`<div class="error"><p>Error loading shared note with id <code>${id}</code>: ${e}</p><p><a href="#">Home</a></p></div>`)
+                        error: (r, s, e) => main.html(`<div class="center-message"><p>Error loading shared note with id <code>${id}</code>: ${e}</p><p><a href="#">Home</a></p></div>`)
                     });
                 }
 
diff --git a/server/public/style.css b/server/public/style.css
index 299638b..82635bd 100644
--- a/server/public/style.css
+++ b/server/public/style.css
@@ -57,7 +57,7 @@ h1:hover .header-anchor, h2:hover .header-anchor, h3:hover .header-anchor, h4:ho
     line-height: 1.5;
 }
 
-.error {
+.center-message {
     position: absolute;
     text-align: center;
     left: 50%;