diff --git a/addon/chrome/content/styles/panel.css b/addon/chrome/content/styles/panel.css
index a92196d4..2ed4d474 100644
--- a/addon/chrome/content/styles/panel.css
+++ b/addon/chrome/content/styles/panel.css
@@ -44,7 +44,7 @@ translator-plugin-panel .options-container {
   width: inherit;
 }
 
-translator-plugin-panel .options-grid {
+translator-plugin-panel .options-grid:not([hidden]) {
   display: grid;
   grid-template-columns: subgrid;
   grid-column: span 2;
diff --git a/src/elements/panel.ts b/src/elements/panel.ts
index 491d4fa2..ea097337 100644
--- a/src/elements/panel.ts
+++ b/src/elements/panel.ts
@@ -256,7 +256,11 @@ export class TranslatorPanel extends PluginCEBase {
   render() {
     const updateHidden = (type: string, pref: string) => {
       const elem = this._queryID(type) as XUL.Box;
-      elem.hidden = !getPref(pref) as boolean;
+      const hidden = !getPref(pref) as boolean;
+      elem.hidden = hidden;
+      if (elem.nextElementSibling?.classList.contains("separator")) {
+        (elem.nextElementSibling as HTMLDivElement).hidden = hidden;
+      }
     };
     const setCheckBox = (type: string, checked: boolean) => {
       const elem = this._queryID(type) as XUL.Checkbox;