diff --git a/templates/footer.tpl b/templates/footer.tpl
index 280ea5b..e81e05f 100644
--- a/templates/footer.tpl
+++ b/templates/footer.tpl
@@ -5,7 +5,6 @@
 	<!-- IMPORT 500-embed.tpl -->
 	</div>
 
-
 	<div class="topic-search hidden">
 		<div class="btn-group">
 			<button type="button" class="btn btn-default count"></button>
@@ -13,7 +12,13 @@
 			<button type="button" class="btn btn-default next"><i class="fa fa-fw fa-angle-down"></i></button>
 		</div>
 	</div>
-	<div component="toaster/tray" class="alert-window"></div>
+
+	<div component="toaster/tray" class="alert-window">
+		<div id="reconnect-alert" class="alert alert-dismissable alert-warning clearfix hide" component="toaster/toast">
+			<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+			<p>[[global:reconnecting-message, {title}]]</p>
+		</div>
+	</div>
 
 	<script>
 		require(['forum/footer']);