diff --git a/js/components/Navigation.js b/js/components/Navigation.js
index 4795fa5..4b6dd4d 100644
--- a/js/components/Navigation.js
+++ b/js/components/Navigation.js
@@ -8,9 +8,9 @@ import {logout} from '../api';
 import {notify} from 'react-notify-toast';
 import {Timer} from './Timer';
 
-const TournamentTimer = ({timerEnd, className}) => (
+const NavbarTimer = ({timerEnd, className}) => (
     <NavbarText className={className}>
-        <span className={'hide-below-340-w'}>Spielzeit: </span><Timer timerEnd={timerEnd}/>
+        <span className={'hide-below-400-w'}>Spielzeit: </span><Timer timerEnd={timerEnd}/>
     </NavbarText>
 );
 
@@ -30,15 +30,15 @@ export class TurniereNavigation extends React.Component {
 
         return (
             <Navbar color="light" light expand="lg" sticky="top">
-                <NavbarBrand className={'hide-below-260-w'} href="/">turnie.re</NavbarBrand>
+                <NavbarBrand className={'hide-below-320-w'} href="/">turnie.re</NavbarBrand>
                 {tournament && tournament.timerEnd &&
-                    <TournamentTimer timerEnd={tournament.timerEnd} className="m-auto hide-above-992-w"/>
+                    <NavbarTimer timerEnd={tournament.timerEnd} className="m-auto hide-above-992-w"/>
                 }
                 <NavbarToggler onClick={this.toggle}/>
                 <Collapse isOpen={!this.state.collapsed} navbar>
                     <NavLinks/>
                     {tournament && tournament.timerEnd &&
-                        <TournamentTimer timerEnd={tournament.timerEnd} className="m-auto hide-below-992-w"/>
+                        <NavbarTimer timerEnd={tournament.timerEnd} className="m-auto hide-below-992-w"/>
                     }
                     <div className="ms-auto">
                         <LoginLogoutButtons/>
diff --git a/public/static/css/tournament.css b/public/static/css/tournament.css
index 611367e..726d652 100644
--- a/public/static/css/tournament.css
+++ b/public/static/css/tournament.css
@@ -96,14 +96,14 @@
     text-align: left;
 }
 
-@media (max-width: 340px) {
-    .hide-below-340-w {
+@media (max-width: 400px) {
+    .hide-below-400-w {
         display: none;
     }
 }
 
-@media (max-width: 260px) {
-    .hide-below-260-w {
+@media (max-width: 320px) {
+    .hide-below-320-w {
         display: none;
     }
 }