stylusを用いて行間を変えたいが、line-heightが効かない

実現したいこと
「chrome拡張のstylusを用いてwebサイト内の文字の行間を変えたいが、line-heightが効かない」

bitflyer lightningで取引をしているプログラミング初心者です。
行間を変えたいものの、cssでline-heightが効かず、解決方法が思いつかなかったため質問させていただきます。

https://lightning.bitflyer.jp/trade
こちらのサイトにて、板表示（買い板と売り板両方）の行間をstylus（chrome拡張）を用いて変更したいと思っております。
↓該当箇所：（ここの行間が広いので狭く変更したい）

そこでまず、どこをいじれば行間が変わるのかをはっきりさせるため、
chromeで右クリック→検証を使って、板部分のcssにline-heightを追加してみたものの反映されませんでした。

該当箇所

▼<div class="main--top"..........>
...▼<section class="board..............>
（ここの部分のcssを順番に書き換えてみた（line-heightを追加して表示に反映されなかったら削除））

試したこと

例えば、

<section class="board " data-step="5" data-intro="板情報です。Ask、Bid、最終取引価格、発注数量が一覧できます。" data-position="right"> のStylesには .wrapper--trade .main--top .chart~.board { display: table-cell; width: 25%; } という部分がありますここを .wrapper--trade .main--top .chart~.board { display: table-cell; width: 25%; line-height: 70% # 追記部分 }

このように手当たり次第、書き換えてUIに変化がなければ元に戻して次を当たる、ということを行いましたが、行間に変化はありませんでした。。

わかりにくい質問だとは思いますが、お時間を割いて下さる方、よろしくお願いいたします。