diff --git a/client/public/sides/ct.png b/client/public/sides/ct.png
new file mode 100644
index 0000000..7ce83ba
Binary files /dev/null and b/client/public/sides/ct.png differ
diff --git a/client/public/sides/t.png b/client/public/sides/t.png
new file mode 100644
index 0000000..8b6257f
Binary files /dev/null and b/client/public/sides/t.png differ
diff --git a/client/src/lib/useMatch.js b/client/src/lib/useMatch.js
index b4ea7a8..e5a987f 100644
--- a/client/src/lib/useMatch.js
+++ b/client/src/lib/useMatch.js
@@ -12,7 +12,8 @@ export function getSocket() {
 export function useMatch(matchId, token) {
   const [state, setState] = useState(null);
   const [error, setError] = useState(null);
-  const [connected, setConnected] = useState(false);
+  // null = Verbindung wird erstmals aufgebaut (kein Hinweis), false = Verbindung abgerissen
+  const [connected, setConnected] = useState(null);
   const tokenRef = useRef(token);
   tokenRef.current = token;
 
diff --git a/client/src/pages/MatchPage.jsx b/client/src/pages/MatchPage.jsx
index 3edf175..73d0fa2 100644
--- a/client/src/pages/MatchPage.jsx
+++ b/client/src/pages/MatchPage.jsx
@@ -76,7 +76,7 @@ export default function MatchPage() {
 
   return (
     <div className="match">
-      {!connected && <div className="reconnect">Verbindung unterbrochen – stelle wieder her …</div>}
+      {connected === false && <div className="reconnect">Verbindung unterbrochen – stelle wieder her …</div>}
       {toast && <div className={`toast toast-${toast.tone}`} role="status">{toast.text}</div>}
 
       <header className="match-head">