Fixed server list

Moonlight/Shared/Views/Servers/Index.razor

@@ -14,8 +14,8 @@
 @inject IJSRuntime JsRuntime
 
 <LazyLoader @ref="LazyLoader" Load="Load">
-<div class="mx-auto">
+    <div class="mx-auto">
-<div class="card card-body">
+        <div class="card card-body">
             <div class="d-flex justify-content-between">
                 <span class="badge badge-primary badge-lg px-5 me-4">Beta</span>
                 @if (EditMode)
@@ -40,9 +40,9 @@
                     </WButton>
                 }
             </div>
-</div>
+        </div>
-@foreach (var group in ServerGroups)
+        @foreach (var group in ServerGroups)
-{
+        {
             <div class="accordion my-3" id="serverListGroup@(group.GetHashCode())">
                 <div class="accordion-item">
                     <h2 class="accordion-header" id="serverListGroup-header@(group.GetHashCode())">
@@ -83,8 +83,10 @@
                             <div class="row min-h-200px draggable-zone" ml-server-group="@(group.Name)">
                                 @foreach (var id in group.Servers)
                                 {
-                            var server = AllServers.First(x => x.Id.ToString() == id);
+                                    var server = AllServers.FirstOrDefault(x => x.Id.ToString() == id);
 
+                                    if (server != null)
+                                    {
                                         <div class="col-12 col-md-3 p-3 draggable" ml-server-id="@(server.Id)">
                                             @if (EditMode)
                                             {
@@ -172,13 +174,14 @@
                                             }
                                         </div>
                                     }
+                                }
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
-}
+        }
-</div>
+    </div>
 </LazyLoader>
 
 @code