diff --git a/Moonlight/Pages/_Layout.cshtml b/Moonlight/Pages/_Layout.cshtml
index a5d7476..ca9c228 100644
--- a/Moonlight/Pages/_Layout.cshtml
+++ b/Moonlight/Pages/_Layout.cshtml
@@ -54,7 +54,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <base href="~/"/>
     <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered"/>
-    
+
     <title>Loading</title>
 </head>
 <body
@@ -79,7 +79,7 @@
     @{
         var loadingMessage = LoadingMessageRepository.Get().Random();
     }
-    
+
     <div class="d-flex align-items-center mt-5">
         <span class="spinner-border text-primary" role="status"></span>
         <span class="text-muted fs-6 fw-semibold ms-5">@(loadingMessage.Message)</span>
@@ -108,6 +108,10 @@
 <script src="/assets/js/scripts.bundle.js"></script>
 <script src="/assets/js/moonlight.js"></script>
 
+<script>
+moonlight.loading.registerXterm();
+</script>
+
 <script src="_content/Blazor-ApexCharts/js/apex-charts.min.js"></script>
 <script src="_content/Blazor-ApexCharts/js/blazor-apex-charts.js"></script>
 </body>
diff --git a/Moonlight/Shared/Layouts/MainLayout.razor b/Moonlight/Shared/Layouts/MainLayout.razor
index 064fd5c..cc7d02d 100644
--- a/Moonlight/Shared/Layouts/MainLayout.razor
+++ b/Moonlight/Shared/Layouts/MainLayout.razor
@@ -160,8 +160,6 @@
                 await JsRuntime.InvokeVoidAsync("KTMenu.createInstances");
                 await JsRuntime.InvokeVoidAsync("KTDrawer.createInstances");
 
-                await JsRuntime.InvokeVoidAsync("moonlight.loading.registerXterm");
-
                 await SessionService.Register();
 
                 NavigationManager.LocationChanged += (sender, args) => { SessionService.Refresh(); };
