diff --git a/searx/static/themes/__common__/less/result_templates.less b/searx/static/themes/__common__/less/result_templates.less
new file mode 100644
index 000000000..d67aecae4
--- /dev/null
+++ b/searx/static/themes/__common__/less/result_templates.less
@@ -0,0 +1,5 @@
+.osm-map-box {
+    height:300px;
+    width:100%;
+    margin: 10px 0;
+}
diff --git a/searx/static/themes/oscar/css/logicodev-dark.css b/searx/static/themes/oscar/css/logicodev-dark.css
index bbf58c86d..f2b7c0f0d 100644
--- a/searx/static/themes/oscar/css/logicodev-dark.css
+++ b/searx/static/themes/oscar/css/logicodev-dark.css
@@ -369,9 +369,14 @@
 .bar100 {
   width: 100%;
 }
+.osm-map-box {
+  height: 300px;
+  width: 100%;
+  margin: 10px 0;
+}
 /*
    this file is generated automatically by searx_extra/update/update_pygments.py
-   using pygments version 2.9.0
+   using pygments version 2.10.0
 */
 .code-highlight .linenos {
   -webkit-touch-callout: none;
diff --git a/searx/static/themes/oscar/css/logicodev-dark.min.css b/searx/static/themes/oscar/css/logicodev-dark.min.css
index c70e129a7..bdc004bce 100644
Binary files a/searx/static/themes/oscar/css/logicodev-dark.min.css and b/searx/static/themes/oscar/css/logicodev-dark.min.css differ
diff --git a/searx/static/themes/oscar/css/logicodev-dark.min.css.map b/searx/static/themes/oscar/css/logicodev-dark.min.css.map
index 73d244632..a9dbae0c8 100644
Binary files a/searx/static/themes/oscar/css/logicodev-dark.min.css.map and b/searx/static/themes/oscar/css/logicodev-dark.min.css.map differ
diff --git a/searx/static/themes/oscar/css/logicodev.css b/searx/static/themes/oscar/css/logicodev.css
index f20418dc2..28d5656bf 100644
--- a/searx/static/themes/oscar/css/logicodev.css
+++ b/searx/static/themes/oscar/css/logicodev.css
@@ -369,9 +369,14 @@
 .bar100 {
   width: 100%;
 }
+.osm-map-box {
+  height: 300px;
+  width: 100%;
+  margin: 10px 0;
+}
 /*
    this file is generated automatically by searx_extra/update/update_pygments.py
-   using pygments version 2.9.0
+   using pygments version 2.10.0
 */
 .code-highlight .linenos {
   -webkit-touch-callout: none;
diff --git a/searx/static/themes/oscar/css/logicodev.min.css b/searx/static/themes/oscar/css/logicodev.min.css
index eb99c58a3..a6d47a771 100644
Binary files a/searx/static/themes/oscar/css/logicodev.min.css and b/searx/static/themes/oscar/css/logicodev.min.css differ
diff --git a/searx/static/themes/oscar/css/logicodev.min.css.map b/searx/static/themes/oscar/css/logicodev.min.css.map
index ddea7f7b4..c3b095bd6 100644
Binary files a/searx/static/themes/oscar/css/logicodev.min.css.map and b/searx/static/themes/oscar/css/logicodev.min.css.map differ
diff --git a/searx/static/themes/oscar/css/pointhi.css b/searx/static/themes/oscar/css/pointhi.css
index e3eb94093..5a75a0659 100644
--- a/searx/static/themes/oscar/css/pointhi.css
+++ b/searx/static/themes/oscar/css/pointhi.css
@@ -369,9 +369,14 @@
 .bar100 {
   width: 100%;
 }
+.osm-map-box {
+  height: 300px;
+  width: 100%;
+  margin: 10px 0;
+}
 /*
    this file is generated automatically by searx_extra/update/update_pygments.py
-   using pygments version 2.9.0
+   using pygments version 2.10.0
 */
 .code-highlight .linenos {
   -webkit-touch-callout: none;
diff --git a/searx/static/themes/oscar/css/pointhi.min.css b/searx/static/themes/oscar/css/pointhi.min.css
index 87d411ecb..283e484b7 100644
Binary files a/searx/static/themes/oscar/css/pointhi.min.css and b/searx/static/themes/oscar/css/pointhi.min.css differ
diff --git a/searx/static/themes/oscar/css/pointhi.min.css.map b/searx/static/themes/oscar/css/pointhi.min.css.map
index 0786f3734..1878ec0cf 100644
Binary files a/searx/static/themes/oscar/css/pointhi.min.css.map and b/searx/static/themes/oscar/css/pointhi.min.css.map differ
diff --git a/searx/static/themes/oscar/src/generated/pygments-logicodev.less b/searx/static/themes/oscar/src/generated/pygments-logicodev.less
index 6370a1286..92a5bc830 100644
--- a/searx/static/themes/oscar/src/generated/pygments-logicodev.less
+++ b/searx/static/themes/oscar/src/generated/pygments-logicodev.less
@@ -1,6 +1,6 @@
 /*
    this file is generated automatically by searx_extra/update/update_pygments.py
-   using pygments version 2.9.0
+   using pygments version 2.10.0
 */
 
 .code-highlight .linenos {
diff --git a/searx/static/themes/oscar/src/generated/pygments-pointhi.less b/searx/static/themes/oscar/src/generated/pygments-pointhi.less
index 0a32707cc..869b44329 100644
--- a/searx/static/themes/oscar/src/generated/pygments-pointhi.less
+++ b/searx/static/themes/oscar/src/generated/pygments-pointhi.less
@@ -1,6 +1,6 @@
 /*
    this file is generated automatically by searx_extra/update/update_pygments.py
-   using pygments version 2.9.0
+   using pygments version 2.10.0
 */
 
 .code-highlight .linenos {
diff --git a/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less b/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less
index b0dbaee06..c1a2fc236 100644
--- a/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less
+++ b/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less
@@ -1,6 +1,7 @@
 @import "../logicodev/variables.less";
 @import "../../../../__common__/less/new_issue.less";
 @import "../../../../__common__/less/stats.less";
+@import "../../../../__common__/less/result_templates.less";
 @import "../../generated/pygments-logicodev.less";
 
 @stacked-bar-chart: rgb(213, 216, 215, 1);
diff --git a/searx/static/themes/oscar/src/less/logicodev/oscar.less b/searx/static/themes/oscar/src/less/logicodev/oscar.less
index 7457154cb..19e1c98f1 100644
--- a/searx/static/themes/oscar/src/less/logicodev/oscar.less
+++ b/searx/static/themes/oscar/src/less/logicodev/oscar.less
@@ -1,6 +1,7 @@
 @import "variables.less";
 @import "../../../../__common__/less/new_issue.less";
 @import "../../../../__common__/less/stats.less";
+@import "../../../../__common__/less/result_templates.less";
 @import "../../generated/pygments-logicodev.less";
 
 @import "navbar.less";
diff --git a/searx/static/themes/oscar/src/less/pointhi/oscar.less b/searx/static/themes/oscar/src/less/pointhi/oscar.less
index f5ea85467..5961c661e 100644
--- a/searx/static/themes/oscar/src/less/pointhi/oscar.less
+++ b/searx/static/themes/oscar/src/less/pointhi/oscar.less
@@ -1,6 +1,7 @@
 @import "variables.less";
 @import "../../../../__common__/less/new_issue.less";
 @import "../../../../__common__/less/stats.less";
+@import "../../../../__common__/less/result_templates.less";
 @import "../../generated/pygments-pointhi.less";
 
 @import "footer.less";
diff --git a/searx/static/themes/simple/css/searx-rtl.css b/searx/static/themes/simple/css/searx-rtl.css
index 82f464484..c0d843bf2 100644
--- a/searx/static/themes/simple/css/searx-rtl.css
+++ b/searx/static/themes/simple/css/searx-rtl.css
@@ -374,6 +374,11 @@
 .bar100 {
   width: 100%;
 }
+.osm-map-box {
+  height: 300px;
+  width: 100%;
+  margin: 10px 0;
+}
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 
 /* Document
@@ -825,7 +830,7 @@ template {
 }
 /*
    this file is generated automatically by searx_extra/update/update_pygments.py
-   using pygments version 2.9.0
+   using pygments version 2.10.0
 */
 .code-highlight .linenos {
   -webkit-touch-callout: none;
diff --git a/searx/static/themes/simple/css/searx-rtl.min.css b/searx/static/themes/simple/css/searx-rtl.min.css
index 5fdaad4a5..0e01ecdc2 100644
Binary files a/searx/static/themes/simple/css/searx-rtl.min.css and b/searx/static/themes/simple/css/searx-rtl.min.css differ
diff --git a/searx/static/themes/simple/css/searx-rtl.min.css.map b/searx/static/themes/simple/css/searx-rtl.min.css.map
index 94eadb43f..da29229d6 100644
Binary files a/searx/static/themes/simple/css/searx-rtl.min.css.map and b/searx/static/themes/simple/css/searx-rtl.min.css.map differ
diff --git a/searx/static/themes/simple/css/searx.css b/searx/static/themes/simple/css/searx.css
index 8aa506bca..d35bcc593 100644
--- a/searx/static/themes/simple/css/searx.css
+++ b/searx/static/themes/simple/css/searx.css
@@ -374,6 +374,11 @@
 .bar100 {
   width: 100%;
 }
+.osm-map-box {
+  height: 300px;
+  width: 100%;
+  margin: 10px 0;
+}
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 
 /* Document
@@ -825,7 +830,7 @@ template {
 }
 /*
    this file is generated automatically by searx_extra/update/update_pygments.py
-   using pygments version 2.9.0
+   using pygments version 2.10.0
 */
 .code-highlight .linenos {
   -webkit-touch-callout: none;
diff --git a/searx/static/themes/simple/css/searx.min.css b/searx/static/themes/simple/css/searx.min.css
index 8d9a9b95c..3b2db48df 100644
Binary files a/searx/static/themes/simple/css/searx.min.css and b/searx/static/themes/simple/css/searx.min.css differ
diff --git a/searx/static/themes/simple/css/searx.min.css.map b/searx/static/themes/simple/css/searx.min.css.map
index b897639a1..315f7e6ed 100644
Binary files a/searx/static/themes/simple/css/searx.min.css.map and b/searx/static/themes/simple/css/searx.min.css.map differ
diff --git a/searx/static/themes/simple/src/generated/pygments.less b/searx/static/themes/simple/src/generated/pygments.less
index 0a32707cc..869b44329 100644
--- a/searx/static/themes/simple/src/generated/pygments.less
+++ b/searx/static/themes/simple/src/generated/pygments.less
@@ -1,6 +1,6 @@
 /*
    this file is generated automatically by searx_extra/update/update_pygments.py
-   using pygments version 2.9.0
+   using pygments version 2.10.0
 */
 
 .code-highlight .linenos {
diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index 49e81acbd..c30d3e706 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -10,6 +10,7 @@
 
 @import "../../__common__/less/new_issue.less";
 @import "../../__common__/less/stats.less";
+@import "../../__common__/less/result_templates.less";
 @import (inline) "../../node_modules/normalize.css/normalize.css";
 @import "../generated/ion.less";
 @import "definitions.less";
diff --git a/searx/templates/oscar/preferences.html b/searx/templates/oscar/preferences.html
index c47675562..f46d1e620 100644
--- a/searx/templates/oscar/preferences.html
+++ b/searx/templates/oscar/preferences.html
@@ -27,9 +27,9 @@
     <span class="stacked-bar-chart-value">{{- stats[engine_name].time -}}</span>{{- "" -}}
     <span class="stacked-bar-chart" aria-labelledby="{{engine_name}}_chart" aria-hidden="true">
         {%- if max_rate95 is not none and max_rate95 > 0 -%}
-        <span style="width: calc(max(2px, 100%*{{ (stats[engine_name].time / max_rate95)|round(3) }}))" class="stacked-bar-chart-median"></span>{{- "" -}}
-        <span style="width: calc(100%*{{ ((stats[engine_name].rate80 - stats[engine_name].time) / max_rate95)|round(3) }})" class="stacked-bar-chart-rate80"></span>{{- "" -}}
-        <span style="width: calc(100%*{{ ((stats[engine_name].rate95 - stats[engine_name].rate80) / max_rate95)|round(3) }})" class="stacked-bar-chart-rate95"></span>{{- "" -}}
+        <div class="stacked-bar-chart-median bar{{ (100 * (stats[engine_name].time / max_rate95))|round }}"></div>{{- "" -}}
+        <div class="stacked-bar-chart-rate80 bar{{ (100 * ((stats[engine_name].rate80 - stats[engine_name].time) / max_rate95))|round }}"></div>{{- "" -}}
+        <div class="stacked-bar-chart-rate95 bar{{ (100 * ((stats[engine_name].rate95 - stats[engine_name].rate80) / max_rate95))|round }}"></div>{{- "" -}}
         <span class="stacked-bar-chart-rate100"></span>
         {%- endif -%}
     </span>{{- "" -}}
diff --git a/searx/templates/oscar/result_templates/map.html b/searx/templates/oscar/result_templates/map.html
index eb3fccfc0..3b7ba1111 100644
--- a/searx/templates/oscar/result_templates/map.html
+++ b/searx/templates/oscar/result_templates/map.html
@@ -64,7 +64,7 @@
 
 {%- if (result.latitude and result.longitude) or result.boundingbox -%}
     <div class="collapse" id="result-map-{{ index }}">
-        <div style="height:300px; width:100%; margin: 10px 0;" id="osm-map-{{ index }}"></div>
+        <div class="osm-map-box" id="osm-map-{{ index }}"></div>
     </div>
 {%- endif -%}
 
diff --git a/searx/templates/simple/preferences.html b/searx/templates/simple/preferences.html
index e3b1545b9..ede958450 100644
--- a/searx/templates/simple/preferences.html
+++ b/searx/templates/simple/preferences.html
@@ -41,9 +41,9 @@
     <span class="stacked-bar-chart-value">{{- stats[engine_name].time -}}</span>{{- "" -}}
     <span class="stacked-bar-chart" aria-labelledby="{{engine_name}}_chart" aria-hidden="true">
         {%- if max_rate95 is not none and max_rate95 > 0 -%}
-        <span style="width: calc(max(2px, 100%*{{ (stats[engine_name].time / max_rate95)|round(3) }}))" class="stacked-bar-chart-median"></span>{{- "" -}}
-        <span style="width: calc(100%*{{ ((stats[engine_name].rate80 - stats[engine_name].time) / max_rate95)|round(3) }})" class="stacked-bar-chart-rate80"></span>{{- "" -}}
-        <span style="width: calc(100%*{{ ((stats[engine_name].rate95 - stats[engine_name].rate80) / max_rate95)|round(3) }})" class="stacked-bar-chart-rate95"></span>{{- "" -}}
+        <div class="stacked-bar-chart-median bar{{ (100 * (stats[engine_name].time / max_rate95))|round }}"></div>{{- "" -}}
+        <div class="stacked-bar-chart-rate80 bar{{ (100 * ((stats[engine_name].rate80 - stats[engine_name].time) / max_rate95))|round }}"></div>{{- "" -}}
+        <div class="stacked-bar-chart-rate95 bar{{ (100 * ((stats[engine_name].rate95 - stats[engine_name].rate80) / max_rate95))|round }}"></div>{{- "" -}}
         <span class="stacked-bar-chart-rate100"></span>
         {%- endif -%}
     </span>{{- "" -}}
diff --git a/searx/templates/simple/result_templates/map.html b/searx/templates/simple/result_templates/map.html
index 8b08bda6e..dc6a62010 100644
--- a/searx/templates/simple/result_templates/map.html
+++ b/searx/templates/simple/result_templates/map.html
@@ -45,7 +45,7 @@
 {{- result_sub_footer(result, proxify) -}}
 
 {% if (result.latitude and result.longitude) or result.boundingbox -%}
-    <div id="result-map-{{ index }}" class="invisible"><div id="osm-map-{{ index }}" style="height:300px; width:100%; margin: 10px 0;" ></div></div>
+    <div id="result-map-{{ index }}" class="invisible"><div id="osm-map-{{ index }}" class="osm-map-box"></div></div>
 {%- endif %}
 
 {{- result_footer(result) }}