メニューバーの色変更

お世話になっています。

テーマはbeauti_plusで子テーマを作成し、カスタマイズしています。

モバイルサイズの画面上部のメニューバーの色を変更したく、調べたコードを追加CSSに追記しました。
色は変わるのですが、メニューバーの端っこが切れて表示されてしまいます。

追加したコードです。

.toggle a {
    width: 100%;
    color: #ffffff;
    background: url(images/mobile_nav_right.png) no-repeat right center #ccccb8;
    padding: 10px 10px;
    margin-top: 5px;
    font-size: 16px;
}

コード内の padding: 10px 10px という部分に「!」マークが出てしまいます。

原因を教えていただけないでしょうか？

よろしくお願いします。