VSCode customize ipynb cell paddings, margins, heading font sizes

It’s nearly impossible to navigate ipynb file due huge empty margins, huge offsets and fonts difference.

Area of a useful information on screen are either <20% (ok and small zoom) either <40 lines for 3 cells and 1 heading (big zoom)

Google docs Arial font units compared with Jupyterlab:

1st approach I tested

‘> Preferences: Open User Settings

"notebook.cellEditorOptions": {
    "fontSize": 1,
    "fontFamily": "Monaco, 'Courier New', monospace",
    "lineNumbers": "on",
    "wordWrap": "on",
    "minimap.enabled": false,
    "folding": true,
    "renderWhitespace": "boundary",
    "rulers": [80, 120],
    "tabSize": 4,
    "insertSpaces": true,
    "bracketPairColorization.enabled": true
}

I reopened the file and closed and opened the VSCode itself multiple times it wasn’t applied.

2nd approach with extension
“Custom CSS and JS Loader” by be5invis 963,333 5 stars by 61 scores.

File content that was referred in vscode_custom_css.imports

.notebook-cell {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.notebook-cell .monaco-editor {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.markdown-cell h1 { font-size: 1.2em !important; }

didn’t helped.

I won’t mess the default/global code editor configs. The changes must be only for jupyter, ipynb files.

Please suggest approach to customize VSCode editor for ipynb.

Version: 1.101.0 (Universal)
Electron: 35.5.1
ElectronBuildId: 11727614
Chromium: 134.0.6998.205
Node.js: 22.15.1
V8: 13.4.114.21-electron.0
OS: Darwin arm64 24.5.0