diff --git a/src/html/index.html b/src/html/index.html
index 2306ad3..6b8659e 100644
--- a/src/html/index.html
+++ b/src/html/index.html
@@ -312,6 +312,22 @@ <h5 class="modal-title" id="accountModalTitle"></h5>
                 </div>
             </div>
         </div>
+        <!--
+        the disconnection toast sh!t
+        by guest4242 :-)
+        -->
+        <div class="toast-container position-fixed bottom-0 end-0 p-3">
+            <div id="disconnectionToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
+                <div class="toast-header">
+                    <strong class="me-auto"><span id="siteNameText"></span></strong>
+                    <small>just now</small>
+                </div>
+                <div class="toast-body">
+                    <!-- You have been disconnected from the server. -->
+                    <span id="disconnecti18n_thing"></span>
+                </div>
+            </div>
+        </div>      
         <script type="module" src="../ts/main.ts" type="application/javascript"></script>
     </body>
 </html>
diff --git a/src/ts/i18n.ts b/src/ts/i18n.ts
index 64d53f1..0152c94 100644
--- a/src/ts/i18n.ts
+++ b/src/ts/i18n.ts
@@ -265,6 +265,7 @@ export class I18n {
 			accountSettingsButton: I18nStringKey.kAccountModal_AccountSettings,
 			accountLogoutButton: I18nStringKey.kGeneric_Logout,
 			languageDropdownText: I18nStringKey.kSiteButtons_Languages,
+			disconnecti18n_thing: I18nStringKey.kError_UnexpectedDisconnection,
 			
 			welcomeModalHeader: I18nStringKey.kWelcomeModal_Header,
 			welcomeModalBody: I18nStringKey.kWelcomeModal_Body,
@@ -467,4 +468,4 @@ export class I18n {
 	}
 }
 
-export let TheI18n = new I18n();
\ No newline at end of file
+export let TheI18n = new I18n();
diff --git a/src/ts/main.ts b/src/ts/main.ts
index d2b1ad4..a450020 100644
--- a/src/ts/main.ts
+++ b/src/ts/main.ts
@@ -427,7 +427,15 @@ async function openVM(vm: VM): Promise<void> {
 	VM!.on('login', (rank: Rank, perms: Permissions) => onLogin(rank, perms));
 
 	VM!.on('close', () => {
-		if (!expectedClose) alert(TheI18n.GetString(I18nStringKey.kError_UnexpectedDisconnection));
+		if (!expectedClose) {
+			/*
+			 * better disconnection thing
+			 * by guest4242 :-)
+			 */
+			const someToast = document.getElementById('disconnectionToast') // yummy toast
+			const disconnectionToastControl = bootstrap.Toast.getOrCreateInstance(someToast)
+			disconnectionToastControl.show();
+		}
 		closeVM();
 	});