diff --git a/oap-server/server-starter/src/main/resources/oal/browser.oal b/oap-server/server-starter/src/main/resources/oal/browser.oal
index b643df845522..5c0d1e4ddc46 100644
--- a/oap-server/server-starter/src/main/resources/oal/browser.oal
+++ b/oap-server/server-starter/src/main/resources/oal/browser.oal
@@ -68,7 +68,7 @@ browser_app_web_vitals_fmp_avg = from(BrowserAppWebVitalsPerf.fmpTime).filter(fm
 browser_app_web_vitals_cls_avg = from(BrowserAppWebVitalsPerf.clsTime).filter(clsTime > 0).longAvg();
 browser_app_web_vitals_lcp_avg = from(BrowserAppWebVitalsPerf.lcpTime).filter(lcpTime > 0).longAvg();
 
-browser_app_web_interaction_inp_avg = from(BrowserAppWebInteractionPerf.inpTime).longAvg();
+browser_app_web_interaction_inp_percentile = from(BrowserAppWebInteractionPerf.inpTime).percentile2(10);
 
 // Disable unnecessary hard core stream, targeting @Stream#name
 /////////
diff --git a/oap-server/server-starter/src/main/resources/ui-initialized-templates/browser/browser-page.json b/oap-server/server-starter/src/main/resources/ui-initialized-templates/browser/browser-page.json
index 7021d5bc4ccb..c25500e6a5c0 100644
--- a/oap-server/server-starter/src/main/resources/ui-initialized-templates/browser/browser-page.json
+++ b/oap-server/server-starter/src/main/resources/ui-initialized-templates/browser/browser-page.json
@@ -1155,7 +1155,7 @@
                   "i": "18",
                   "type": "Widget",
                   "expressions": [
-                    "browser_app_web_interaction_inp_avg"
+                    "relabels(browser_app_web_interaction_inp_percentile{p='50,75,90,95,99'},p='50,75,90,95,99',percentile='50,75,90,95,99')"
                   ],
                   "graph": {
                     "type": "Line",
@@ -1166,7 +1166,7 @@
                     "showYAxis": true
                   },
                   "widget": {
-                    "title": "Web Interaction to Next Paint Avg Time(ms)"
+                    "title": "Web Interaction to Next Paint Use Time(ms)"
                   },
                   "associate": [
                     {
@@ -1214,6 +1214,12 @@
                     {
                       "widgetId": "12-0-18"
                     }
+                  ],
+                  "metricConfig": [
+                    {
+                      "unit": "ms",
+                      "label": "Time"
+                    }
                   ]
                 }
               ]