一部のテキストにボーダーがついてしまう。

とあるサイトをgithubで公開したのですがなぜか一部のテキストにボーダーがついてしまいました。
この現象が起きる環境
パソコンのsafari
スマホのsafari,chrome,google
試しにデベロッパーツールで

font-family

を無効にしたり

border:none;

とやってみましたが治りませんでした。
そこで色々いじってみると次のコードが入っているときにこのバグが起きることがわかりました。

background: -webkit-linear-gradient(0deg,#ef476f,#ffd166,#06d6a0,#118ab2);
-webkit-background-clip: text;

なぜこれでボーダーができてしまうのかわかりません。
教えていただければ幸いです。