Переключатель изменения размера электронного окна при наведении курсора на элемент html

Я создаю небольшой проект с Electron, где, когда я навожу указатель мыши на заголовок окна, высота окна увеличивается, и когда я выхожу из этого заголовка, он должен вернуться к исходному размеру. Я реализовал функцию setSize(), и она только расширяет окно при наведении, но когда я убираю мышь, она не возвращается к исходному размеру. Мой исходный код выглядит следующим образом: (файл html и Javascript для внешнего интерфейса и основной процесс (main.js) для электронного процесса, который управляет окном. В то время как console.info для обоих событий запускается, setSize не работать для события mouseout.

Буду очень признателен за ваши отзывы по этому поводу, где я ошибаюсь?

страница.html

<div class = "home">
  <h4 id = "hom" class = "hometext white">pipe</h4>
</div>

страница.js

const electron = require("electron");
const ipc = electron.ipcRenderer;

const myhome = document.getElementById("hom")

myhome.addEventListener("mouseover", () => {
  //createBrowserWindow();
  ipc.send("mouseover", "myred");
});
myhome.addEventListener("mouseout", () => {
  //createBrowserWindow();
  ipc.send("mouseout", "myred");
});

электронный основной процесс: main.js

function createWindow() {
    smallWindow = new BrowserWindow({
      webPreferences: {
        nodeIntegration: true,
      },
      title: "small app",
      width: 500,
      height: 400,
      alwaysOnTop: true,
      opacity: 1.0,
      frame: false,
      closable: true,
      backgroundColor: themeMain,
      resizable: false,
      x: 50,
      y: 55,
    });
    smallWindow.loadFile(`./app/smallwin/smallwin.html`);
}

    ipcMain.on("mouseover", () => {
        console.info('mouseover')
        smallWindow.setSize(500, 700)
      });
      ipcMain.on("mouseout", () => {
          console.info('mouseout')
        smallWindow.setSize(500, 400)
      });