diff --git a/src/renderer/components/panels/ServerPanel.scss b/src/renderer/components/panels/ServerPanel.scss
index 5a91401..63e2340 100644
--- a/src/renderer/components/panels/ServerPanel.scss
+++ b/src/renderer/components/panels/ServerPanel.scss
@@ -48,7 +48,6 @@
       align-items: flex-start;
       align-content: flex-start;
       padding: 6px;
-      min-width: 300px;
       max-height: 340px;
       overflow: hidden;
     }
diff --git a/src/renderer/components/panels/ServerPanel.tsx b/src/renderer/components/panels/ServerPanel.tsx
index b3da7d9..f7d1e72 100644
--- a/src/renderer/components/panels/ServerPanel.tsx
+++ b/src/renderer/components/panels/ServerPanel.tsx
@@ -335,6 +335,7 @@ class Panel extends React.PureComponent<ServerPanelProps, ServerPanelState> {
   }
 
   private renderPlayers (players: (Player | null)[]): JSX.Element[] {
+    const { isConnected } = this.props
     return players
       .filter(player => !!player)
       .map(
@@ -344,12 +345,17 @@ class Panel extends React.PureComponent<ServerPanelProps, ServerPanelState> {
             key={index}
             className='server-panel-player'
           >
-            <div className='server-panel-player-img'>
-              <img src={course.icon} />
-            </div>
-            <div className='server-panel-player-course'>
-              { course.short }
-            </div>
+            {
+              isConnected &&
+              <>
+                <div className='server-panel-player-img'>
+                  <img src={course.icon} />
+                </div>
+                <div className='server-panel-player-course'>
+                  { course.short }
+                </div>
+              </>
+            }
             <div className='server-panel-player-img'>
               <img src={`img/${CHARACTER_IMAGES[player!.characterId || 0]}`} />
             </div>
@@ -464,7 +470,7 @@ class Panel extends React.PureComponent<ServerPanelProps, ServerPanelState> {
                 />
               </div>
             }
-            <div className='server-panel-details-playerlist'>
+            <div className='server-panel-details-playerlist' style={{ minWidth: isConnected ? 450 : 300 }}>
               {
                 this.renderPlayers(players)
               }
diff --git a/src/renderer/reducers/connection.ts b/src/renderer/reducers/connection.ts
index 85953ea..649ecd2 100644
--- a/src/renderer/reducers/connection.ts
+++ b/src/renderer/reducers/connection.ts
@@ -36,12 +36,12 @@ export const connection = (state: ConnectionState = initialState.connection, act
       case ConnectionActionType.UPDATE_PLAYER_POSITIONS:
         draft.selfPos = action.self
         draft.cameraAngle = action.cameraAngle
+        if (!draft.server) return
+        if (!draft.server.players) return
         for (let i = 0; i < action.positions.length; i++) {
           const position = action.positions[i]
           if (!position) continue
-          if (!draft.server) return
-          if (!draft.server.players) return
-          if (!draft.server.players[i + 1]) return
+          if (!draft.server.players[i + 1]) continue
           const prevCourse = draft.server.players[i + 1]!.position != null ? draft.server.players[i + 1]!.position!.course : 0
           draft.server.players[i + 1]!.position = position
           if (draft.server.players[i + 1]!.position!.course === 0) {