【フォームブリッジ】CSSでラベルの編集をしたい【新しいバージョン】

旧バージョンで設定していたCSSの内容を、
新しいバージョンでも反映されるように書き換えたいです。

上記ページを参考に色々自力で調べてみたんですが、
私自身そこまで知識もなく簡単なレベルでしかわからないため、
どのように記述しても意図した動作にできません。
みなさまのお知恵をお借りできますと幸いです。
よろしくお願いいたします。

■実現したいこと

①項目の間隔を狭める

.ui.grid>.row {
    margin-bottom:0
}

②一部のラベルに対して、縦スクロールと背景色を設定する

旧バージョンでの設定

/* ラベルをスクロールにする */
.ql-editor {
    max-height: 200px; /* 任意の高さを指定 */
    overflow-y: scroll;
    display: block;
}
/* ラベルの背景(灰色)_枠設定 */
form .row:nth-child(7) > div:nth-child(1) > label {
    border: 1px #999999 solid ;
    background: #f5f5f5 ;
}