diff --git a/addons/web/static/src/core/ui/ui_service.js b/addons/web/static/src/core/ui/ui_service.js
index 6dfdb450385..a40a3b61b19 100644
--- a/addons/web/static/src/core/ui/ui_service.js
+++ b/addons/web/static/src/core/ui/ui_service.js
@@ -4,6 +4,7 @@ import { useEffect, useService } from "@web/core/utils/hooks";
 import { registry } from "@web/core/registry";
 import { debounce } from "@web/core/utils/timing";
 import { BlockUI } from "./block_ui";
+import { browser } from "@web/core/browser/browser";
 
 const { Component, core, hooks } = owl;
 const { EventBus } = core;
@@ -116,7 +117,7 @@ export const uiService = {
         function updateSize() {
             ui.size = getSize();
         }
-        MEDIAS.forEach((media) => media.addEventListener("change", debounce(updateSize, 100)));
+        browser.addEventListener("resize", debounce(updateSize, 100));
 
         Object.assign(ui, {
             size: getSize(),