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 e91363dae..32293f3a4 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.min.css.map b/searx/static/themes/oscar/css/logicodev.min.css.map
index 9f1d89c34..c28e2c7b3 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.min.css.map b/searx/static/themes/oscar/css/pointhi.min.css.map
index 3e18c4a78..0767750d7 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/simple/css/searxng-rtl.css b/searx/static/themes/simple/css/searxng-rtl.css
index f05f46fb2..3abd096ce 100644
--- a/searx/static/themes/simple/css/searxng-rtl.css
+++ b/searx/static/themes/simple/css/searxng-rtl.css
@@ -853,7 +853,8 @@ template {
   --color-autocomplete-background: #fff;
   --color-autocomplete-background-hover: #f7f7f7;
   --color-answer-border: #ddd;
-  --color-answer-font: #000;
+  --color-answer-font: #444;
+  --color-answer-background: #f7f7f7;
   --color-result-shadow: #ccc;
   --color-result-border: #ddd;
   --color-result-url-font: #000;
@@ -935,8 +936,9 @@ template {
     --color-autocomplete-border: #444;
     --color-autocomplete-background: #222;
     --color-autocomplete-background-hover: #181818;
-    --color-answer-border: #ddd;
-    --color-answer-font: #fff;
+    --color-answer-border: #333;
+    --color-answer-font: #bbb;
+    --color-answer-background: #181818;
     --color-result-shadow: #444;
     --color-result-border: #333;
     --color-result-url-font: #fff;
@@ -2941,6 +2943,7 @@ article.result-images[data-vim-selected] .image_thumbnail {
 #answers {
   grid-area: answers;
   border: 1px solid var(--color-answer-border);
+  background: var(--color-answer-background);
   padding: 0.9em;
   margin-bottom: 0.125rem;
   color: var(--color-answer-font);
@@ -2953,8 +2956,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
 }
 #answers .answer {
   display: block;
-  font-size: 1.2em;
-  font-weight: bold;
 }
 #answers form,
 #infoboxes form {
@@ -3183,7 +3184,7 @@ article.result-images[data-vim-selected] .image_thumbnail {
   }
   #corrections,
   #answers {
-    margin: 0 5px 1em 5px;
+    margin: 1rem 0.5rem;
     box-shadow: 0 0 5px var(--color-result-shadow);
   }
   #results {
diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css b/searx/static/themes/simple/css/searxng-rtl.min.css
index e861fb32a..31fdeea3d 100644
Binary files a/searx/static/themes/simple/css/searxng-rtl.min.css and b/searx/static/themes/simple/css/searxng-rtl.min.css differ
diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css.map b/searx/static/themes/simple/css/searxng-rtl.min.css.map
index 202793d1a..a0c2714e4 100644
Binary files a/searx/static/themes/simple/css/searxng-rtl.min.css.map and b/searx/static/themes/simple/css/searxng-rtl.min.css.map differ
diff --git a/searx/static/themes/simple/css/searxng.css b/searx/static/themes/simple/css/searxng.css
index 33fd07f43..cef300bad 100644
--- a/searx/static/themes/simple/css/searxng.css
+++ b/searx/static/themes/simple/css/searxng.css
@@ -853,7 +853,8 @@ template {
   --color-autocomplete-background: #fff;
   --color-autocomplete-background-hover: #f7f7f7;
   --color-answer-border: #ddd;
-  --color-answer-font: #000;
+  --color-answer-font: #444;
+  --color-answer-background: #f7f7f7;
   --color-result-shadow: #ccc;
   --color-result-border: #ddd;
   --color-result-url-font: #000;
@@ -935,8 +936,9 @@ template {
     --color-autocomplete-border: #444;
     --color-autocomplete-background: #222;
     --color-autocomplete-background-hover: #181818;
-    --color-answer-border: #ddd;
-    --color-answer-font: #fff;
+    --color-answer-border: #333;
+    --color-answer-font: #bbb;
+    --color-answer-background: #181818;
     --color-result-shadow: #444;
     --color-result-border: #333;
     --color-result-url-font: #fff;
@@ -2941,6 +2943,7 @@ article.result-images[data-vim-selected] .image_thumbnail {
 #answers {
   grid-area: answers;
   border: 1px solid var(--color-answer-border);
+  background: var(--color-answer-background);
   padding: 0.9em;
   margin-bottom: 0.125rem;
   color: var(--color-answer-font);
@@ -2953,8 +2956,6 @@ article.result-images[data-vim-selected] .image_thumbnail {
 }
 #answers .answer {
   display: block;
-  font-size: 1.2em;
-  font-weight: bold;
 }
 #answers form,
 #infoboxes form {
@@ -3183,7 +3184,7 @@ article.result-images[data-vim-selected] .image_thumbnail {
   }
   #corrections,
   #answers {
-    margin: 0 5px 1em 5px;
+    margin: 1rem 0.5rem;
     box-shadow: 0 0 5px var(--color-result-shadow);
   }
   #results {
diff --git a/searx/static/themes/simple/css/searxng.min.css b/searx/static/themes/simple/css/searxng.min.css
index 2c8b483b4..fe926bda1 100644
Binary files a/searx/static/themes/simple/css/searxng.min.css and b/searx/static/themes/simple/css/searxng.min.css differ
diff --git a/searx/static/themes/simple/css/searxng.min.css.map b/searx/static/themes/simple/css/searxng.min.css.map
index d0c2366b7..b9e4441fa 100644
Binary files a/searx/static/themes/simple/css/searxng.min.css.map and b/searx/static/themes/simple/css/searxng.min.css.map differ
diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less
index d2e91f1c3..f574b79ea 100644
--- a/searx/static/themes/simple/src/less/definitions.less
+++ b/searx/static/themes/simple/src/less/definitions.less
@@ -49,8 +49,9 @@
   --color-autocomplete-background: #fff;
   --color-autocomplete-background-hover: #f7f7f7;
   /// Answer Colors
-  --color-answer-border: #ddd;
-  --color-answer-font: #000;
+  --color-answer-border: #ddd; // same as --color-header-border
+  --color-answer-font: #444;  // same as --color-base-font
+  --color-answer-background: #f7f7f7; // same as --color-header-background:
   /// Results Colors
   --color-result-shadow: #ccc;
   --color-result-border: #ddd;
@@ -150,8 +151,9 @@
     --color-autocomplete-background: #222;
     --color-autocomplete-background-hover: #181818;
     /// Answer Colors
-    --color-answer-border: #ddd;
-    --color-answer-font: #fff;
+    --color-answer-border: #333; // same as --color-header-border
+    --color-answer-font: #bbb; // same as --color-base-font
+    --color-answer-background: #181818; // same as --color-header-background:
     /// Results Colors
     --color-result-shadow: #444;
     --color-result-border: #333;
diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index 79c200dc8..50edf6eab 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -425,6 +425,7 @@ article.result-images[data-vim-selected] {
 #answers {
   grid-area: answers;
   border: 1px solid var(--color-answer-border);
+  background: var(--color-answer-background);
   padding: 0.9em;
   margin-bottom: @results-margin;
   color: var(--color-answer-font);
@@ -436,8 +437,6 @@ article.result-images[data-vim-selected] {
 
   .answer {
     display: block;
-    font-size: 1.2em;
-    font-weight: bold;
   }
 }
 
@@ -730,7 +729,7 @@ article.result-images[data-vim-selected] {
 
   #corrections,
   #answers {
-    margin: 0 5px 1em 5px;
+    margin: 1rem @results-tablet-offset;
     box-shadow: 0 0 5px var(--color-result-shadow);
   }