diff --git a/frontend/src/scripts/index.js b/frontend/src/scripts/index.js
index 6e13a8f..ec27f82 100644
--- a/frontend/src/scripts/index.js
+++ b/frontend/src/scripts/index.js
@@ -172,7 +172,7 @@ class Main extends Component {
                         <a class="nav-link" href="#register_user">Registrace</a>
                     </li>
                 }
-                {(this.state.login_status.racers || []).length > 1 &&
+                {(this.state.login_status.racers || []).length > 0 &&
                     <li class="nav-item">
                         <a class="nav-link" href="#racers">Závodníci</a>
                     </li>
@@ -199,7 +199,32 @@ class Main extends Component {
         {this.state.status_text}
     </div>}
     {this.state.page == "#racers" &&
-        this.state.login_status.racers
+        <div class="container">
+            <table class="table">
+                <thead>
+                    <tr>
+                        <th scope="col">Jméno</th>
+                        <th scope="col">Přijmení</th>
+                        <th scope="col">Email</th>
+                        <th scope="col">Team</th>
+                        <th scope="col">Datum narození</th>
+                        <th scope="col">Zaplatil</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {this.state.login_status.racers.map(racer =>
+                    <tr>
+                        <td>{racer.first_name}</td>
+                        <td>{racer.last_name}</td>
+                        <td>{racer.email}</td>
+                        <td>{racer.team}</td>
+                        <td>{racer.date_of_birth}</td>
+                        <td>{racer.paid}</td>
+                    </tr>)}
+
+                </tbody>
+            </table>
+        </div>
     }
     {this.state.page == "#register_racer" &&
     <div>