diff --git a/angular_app/event-info.html b/angular_app/event-info.html
index 803395e..1fccf91 100644
--- a/angular_app/event-info.html
+++ b/angular_app/event-info.html
@@ -39,13 +39,13 @@
                         <table class="table table-striped">
                             <thead>
                                 <tr>
-                                    <th class="text-right">#</th>
-                                    <th>{{'Person' | translate}} <a ng-click="updateOrded('name')" href=""><i class="fa fa-caret-up"></i></a>{{'Name' | translate}}<a ng-click="updateOrded('-name')" href=""><i class="fa fa-caret-down"></i></a> <a ng-click="updateOrded('surname')" href=""><i class="fa fa-caret-up"></i></a>{{'Surname' | translate}}<a ng-click="updateOrded('-surname')" href=""><i class="fa fa-caret-down"></i></a></th>
-                                    <th class="text-center"><a ng-click="updateOrded('-attended')" href=""><i class="fa fa-caret-up"></i></a>{{'Attended' | translate}}<a ng-click="updateOrded('attended')" href=""><i class="fa fa-caret-down"></i></a></th>
-                                    <th class="text-center" ng-repeat="col in customFields">
+                                    <th class="text-right nowrap">#</th>
+                                    <th class="nowrap">{{'Person' | translate}} <a ng-click="updateOrded('name')" href=""><i class="fa fa-caret-up"></i></a>{{'Name' | translate}}<a ng-click="updateOrded('-name')" href=""><i class="fa fa-caret-down"></i></a> <a ng-click="updateOrded('surname')" href=""><i class="fa fa-caret-up"></i></a>{{'Surname' | translate}}<a ng-click="updateOrded('-surname')" href=""><i class="fa fa-caret-down"></i></a></th>
+                                    <th class="text-center nowrap"><a ng-click="updateOrded('-attended')" href=""><i class="fa fa-caret-up"></i></a>{{'Attended' | translate}}<a ng-click="updateOrded('attended')" href=""><i class="fa fa-caret-down"></i></a></th>
+                                    <th class="text-center nowrap" ng-repeat="col in customFields">
                                         <a ng-click="updateOrded(col.key)" href=""><i class="fa fa-caret-up"></i></a>{{col.label | translate}}<a ng-click="updateOrded('-' + col.key)" href=""><i class="fa fa-caret-down"></i></a>
                                     </th>
-                                    <th class="text-center">{{'Delete' | translate}}</th>
+                                    <th class="text-center nowrap">{{'Delete' | translate}}</th>
                                 </tr>
                             </thead>
                             <tbody>
diff --git a/angular_app/persons-list.html b/angular_app/persons-list.html
index 2c9e147..fc4d8ae 100644
--- a/angular_app/persons-list.html
+++ b/angular_app/persons-list.html
@@ -36,12 +36,12 @@
             <table class="table table-striped">
                 <thead>
                     <tr>
-                        <th class="text-right">#</th>
-                        <th>{{'Person' | translate}} <a ng-click="updateOrded('name')" href=""><i class="fa fa-caret-up"></i></a>{{'Name' | translate}}<a ng-click="updateOrded('-name')" href=""><i class="fa fa-caret-down"></i></a> <a ng-click="updateOrded('surname')" href=""><i class="fa fa-caret-up"></i></a>{{'Surname' | translate}}<a ng-click="updateOrded('-surname')" href=""><i class="fa fa-caret-down"></i></a></th>
-                        <th ng-repeat="col in customFields" class="text-center">
+                        <th class="text-right nowrap">#</th>
+                        <th class="nowrap">{{'Person' | translate}} <a ng-click="updateOrded('name')" href=""><i class="fa fa-caret-up"></i></a>{{'Name' | translate}}<a ng-click="updateOrded('-name')" href=""><i class="fa fa-caret-down"></i></a> <a ng-click="updateOrded('surname')" href=""><i class="fa fa-caret-up"></i></a>{{'Surname' | translate}}<a ng-click="updateOrded('-surname')" href=""><i class="fa fa-caret-down"></i></a></th>
+                        <th ng-repeat="col in customFields" class="text-center nowrap">
                             <a ng-click="updateOrded(col.key)" href=""><i class="fa fa-caret-up"></i></a>{{col.label | translate}}<a ng-click="updateOrded('-' + col.key)" href=""><i class="fa fa-caret-down"></i></a>
                         </th>
-                        <th class="text-center"><strong>{{'Delete' | translate}}</strong></th>
+                        <th class="text-center nowrap"><strong>{{'Delete' | translate}}</strong></th>
                     </tr>
                 </thead>
                 <tbody>
diff --git a/static/css/eventman.css b/static/css/eventman.css
index 10d177c..fabc426 100644
--- a/static/css/eventman.css
+++ b/static/css/eventman.css
@@ -70,3 +70,7 @@ body { padding-top: 70px; }
     overflow-y: scroll !important;
 }
 
+/* do not wrap elements inside this one */
+.nowrap {
+    white-space: nowrap;
+}