diff --git a/addons/project/static/src/js/widgets/project_private_task.js b/addons/project/static/src/js/widgets/project_private_task.js
index 6c079bca83c..20f4df99077 100644
--- a/addons/project/static/src/js/widgets/project_private_task.js
+++ b/addons/project/static/src/js/widgets/project_private_task.js
@@ -17,7 +17,7 @@ const ProjectPrivateTask = FieldMany2One.extend({
         if (!this.m2o_value) {
             this.$el.empty();
             this.$el.append(QWeb.render('project.task.PrivateProjectName'));
-            this.$el.addClass('o_debounce_disabled');
+            this.$el.addClass('pe-none');
         }
     },
 });
diff --git a/addons/web/static/src/legacy/js/core/dom.js b/addons/web/static/src/legacy/js/core/dom.js
index 833e9a5e1d0..77d2313d1ce 100644
--- a/addons/web/static/src/legacy/js/core/dom.js
+++ b/addons/web/static/src/legacy/js/core/dom.js
@@ -355,9 +355,9 @@ var dom = {
             // or at least for the duration of the click debounce. This makes
             // a 'real' debounce creation useless. Also, during the debouncing
             // part, the button is disabled without any visual effect.
-            $button.addClass('o_debounce_disabled');
+            $button.addClass('pe-none');
             Promise.resolve(dom.DEBOUNCE && concurrency.delay(dom.DEBOUNCE)).then(function () {
-                $button.removeClass('o_debounce_disabled');
+                $button.removeClass('pe-none');
                 const restore = dom.addButtonLoadingEffect($button[0]);
                 return Promise.resolve(result).then(restore).guardedCatch(restore);
             });
diff --git a/addons/web/static/src/legacy/scss/ui.scss b/addons/web/static/src/legacy/scss/ui.scss
index 4f47da5ad57..44c64c48251 100644
--- a/addons/web/static/src/legacy/scss/ui.scss
+++ b/addons/web/static/src/legacy/scss/ui.scss
@@ -133,11 +133,6 @@
     }
 }
 
-// Declare a similar class as 'disabled' but with no visual effect
-.o_debounce_disabled {
-    pointer-events: none;
-}
-
 span.o_force_ltr {
     display: inline;
 }
diff --git a/addons/web/static/src/views/graph/graph_renderer.js b/addons/web/static/src/views/graph/graph_renderer.js
index 8bf2b352e1c..4709dee3ea6 100644
--- a/addons/web/static/src/views/graph/graph_renderer.js
+++ b/addons/web/static/src/views/graph/graph_renderer.js
@@ -556,7 +556,7 @@ export class GraphRenderer extends Component {
         }
         const viewContentTop = this.rootRef.el.getBoundingClientRect().top;
         const legendTooltip = Object.assign(document.createElement("div"), {
-            className: "o_tooltip_legend popover p-3 o_debounce_disabled",
+            className: "o_tooltip_legend popover p-3 pe-none",
             innerText: fullText,
         });
         legendTooltip.style.top = `${ev.clientY - viewContentTop}px`;
diff --git a/addons/web/static/src/views/graph/graph_renderer.xml b/addons/web/static/src/views/graph/graph_renderer.xml
index ac128be6eea..4b65698dcec 100644
--- a/addons/web/static/src/views/graph/graph_renderer.xml
+++ b/addons/web/static/src/views/graph/graph_renderer.xml
@@ -2,7 +2,7 @@
 <templates xml:space="preserve">
 
     <t t-name="web.GraphRenderer.CustomTooltip" owl="1">
-        <div class="o_graph_custom_tooltip popover show p-2 o_debounce_disabled mw-100">
+        <div class="o_graph_custom_tooltip popover show p-2 pe-none mw-100">
             <table class="table table-borderless table-sm overflow-hidden m-0">
                 <thead>
                     <tr>