diff --git a/htdocs/index.html b/htdocs/index.html
index a46f4be..fb81b9d 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -619,7 +619,7 @@
   </footer>
 
   <!-- Modals -->
-  <div class="modal fade" id="modalAppInit" tabindex="-1">
+  <div class="modal" id="modalAppInit" tabindex="-1">
     <div class="modal-dialog">
       <div class="modal-content">
         <div class="modal-header bg-success text-light">
diff --git a/htdocs/js/mympd.js b/htdocs/js/mympd.js
index 0b973dd..ff9691c 100644
--- a/htdocs/js/mympd.js
+++ b/htdocs/js/mympd.js
@@ -1048,7 +1048,7 @@ function webSocketConnect() {
 
     try {
         socket.onopen = function() {
-            console.log('connected');
+            console.log('Websocket is connected');
             showNotification('Connected to myMPD: ' + wsUrl, '', '', 'success');
             modalConnectionError.hide();
             appRoute();
@@ -1111,11 +1111,14 @@ function webSocketConnect() {
         }
 
         socket.onclose = function(){
+            console.log('Websocket is disconnected');
+            if (websocketConnected == true) {
+                //Show modal only if websocket was already connected before
+                modalConnectionError.show();
+            }
             websocketConnected = false;
-            console.log('disconnected');
-            modalConnectionError.show();
             setTimeout(function() {
-                console.log('reconnect');
+                console.log('Reconnecting websocket');
                 webSocketConnect();
             }, 3000);
         }