twentyfourteenの上部メインメニューがデフォルトで崩れます

公式のtwentyfourteenで、テーマはデフォルトの状態。ブラウザはFireFoxでテストをしています。

タブレットやスマホサイズまでブラウザを縮め、上部メニュー（グローバルナビ）のトグルを有効にしてメニューを出すと、メニューの枠線？みたいのがサイト名に食い込んで重なってしまいます。サイト名が長いとそうなってしまうようです。（二列になるとだめ？）

要素を調査したところ、一番上のリンクの領域がサイト名の領域に食い込んでしまっていました。

CSSを色々いじったりしてみたのですが、何が原因でどう解決して良いかわかりません。

詳しい方、アドバイスよろしくお願いします。