diff --git a/install/package.json b/install/package.json
index a0774d08f2..c675a96fc9 100644
--- a/install/package.json
+++ b/install/package.json
@@ -97,7 +97,7 @@
         "multer": "2.0.2",
         "nconf": "0.13.0",
         "nodebb-plugin-2factor": "7.6.1",
-        "nodebb-plugin-composer-default": "10.3.19",
+        "nodebb-plugin-composer-default": "10.3.20",
         "nodebb-plugin-dbsearch": "6.3.5",
         "nodebb-plugin-emoji": "6.0.5",
         "nodebb-plugin-emoji-android": "4.1.1",
@@ -107,7 +107,7 @@
         "nodebb-plugin-spam-be-gone": "2.3.2",
         "nodebb-plugin-web-push": "0.7.6",
         "nodebb-rewards-essentials": "1.0.2",
-        "nodebb-theme-harmony": "2.2.17",
+        "nodebb-theme-harmony": "2.2.18",
         "nodebb-theme-lavender": "7.1.21",
         "nodebb-theme-peace": "2.2.51",
         "nodebb-theme-persona": "14.2.10",
diff --git a/public/src/sockets.js b/public/src/sockets.js
index 4d0766f7c9..efa71131d9 100644
--- a/public/src/sockets.js
+++ b/public/src/sockets.js
@@ -58,7 +58,7 @@ app = window.app || {};
 
 		if (showAlert) {
 			$('#reconnect-alert')
-				.removeClass('alert-danger alert-success pointer')
+				.removeClass('alert-danger alert-success pointer hide')
 				.addClass('alert-warning show')
 				.find('p')
 				.translateText(`[[global:reconnecting-message, ${config.siteTitle}]]`);
@@ -78,7 +78,7 @@ app = window.app || {};
 			reconnectEl.html('<i class="fa fa-plug text-danger"></i>');
 
 			$('#reconnect-alert')
-				.removeClass('alert-warning alert-success')
+				.removeClass('alert-warning alert-success hide')
 				.addClass('alert-danger pointer show')
 				.find('p')
 				.translateText('[[error:socket-reconnect-failed]]')
@@ -153,14 +153,14 @@ app = window.app || {};
 			reconnectEl.html('<i class="fa fa-check text-success"></i>');
 
 			reconnectAlert
-				.removeClass('alert-warning')
+				.removeClass('alert-warning alert-danger')
 				.addClass('alert-success')
 				.find('p')
 				.translateText(`[[global:reconnected-message, ${config.siteTitle}]]`);
 
 			setTimeout(() => {
 				reconnectEl.removeClass('active').addClass('hide');
-				reconnectAlert.removeClass('show');
+				reconnectAlert.removeClass('show').addClass('hide');
 			}, 3000);
 
 
diff --git a/src/views/partials/reconnect-alert.tpl b/src/views/partials/reconnect-alert.tpl
index 4844b54c97..c962444a7b 100644
--- a/src/views/partials/reconnect-alert.tpl
+++ b/src/views/partials/reconnect-alert.tpl
@@ -1,4 +1,4 @@
-<div id="reconnect-alert" class="alert alert-dismissible alert-warning fade" component="toaster/toast" role="alert">
+<div id="reconnect-alert" class="alert alert-dismissible alert-warning fade hide" component="toaster/toast" role="alert">
 	<button type="button" class="btn-close" data-bs-dismiss="alert" aria-hidden="true"></button>
 	<p class="mb-0">[[global:reconnecting-message, {config.siteTitle}]]</p>
 </div>
\ No newline at end of file