text-decoration: none;でリンクのアンダーラインが消えません

解決したいこと

Webアプリにおいてリンクのアンダーラインを消したいです。

例）
Ruby on RailsでチャットWebアプリをつくっています。
リンクを作成したのですが、アンダーラインが消せずに困っています。
解決方法を教えて頂けましたら幸いです。

発生している問題・エラー

リンクのアンダーラインが表示される

該当するソースコード

<%= link_to "#{current_user.name}", user_path(current_user.id), class:"user_info" %>

.user_info {
margin-top: auto;
margin-bottom: auto;
margin-left: 15px;
margin-top: 8px;
font-size: 20px;
color: white;
text-decoration: none;
}
a {
  text-decoration: none;
}
.user_info :hover{
  text-decoration: none;
}

自分で試したこと

link_toメソッド内でのオプションでクラス（user_info）を指定し、text-decoration: none;にしてみました。
そののち、a自体にtext-decoration: none;すると良いと知ったので、実践してみました。
最後にuser_infoとaのhover アクションにおいて、text-decoration: none;をしてみましたが、うまく行きませんでした。

ご解決にご協力のほど、何卒よろしくお願い致します。