diff --git a/searx/static/themes/oscar/css/logicodev-dark.css b/searx/static/themes/oscar/css/logicodev-dark.css
index e9e750347..e3af8f9e0 100644
--- a/searx/static/themes/oscar/css/logicodev-dark.css
+++ b/searx/static/themes/oscar/css/logicodev-dark.css
@@ -1379,6 +1379,20 @@ th:hover .engine-tooltip,
   padding: 0.4rem 0;
   width: 1px;
 }
+/* Safari 9+ 
+   Conditional/Hack CSS from https://browserstrangeness.github.io/css_hacks.html
+*/
+@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
+    .twitter-typeahead .tt-input:focus {
+        z-index: 2;
+    }
+
+    .input-group-btn:last-child > .btn,
+    .input-group-btn:last-child > .btn-group {
+        margin-left: inherit !important;
+    }
+}
+
 /*Global*/
 body {
   background: #1d1f21 none !important;
diff --git a/searx/static/themes/oscar/css/logicodev-dark.min.css b/searx/static/themes/oscar/css/logicodev-dark.min.css
index 99e664ada..62bba9028 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 b6da20451..35ea1ee2f 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 04b7ee8f6..13ede8ef6 100644
--- a/searx/static/themes/oscar/css/logicodev.css
+++ b/searx/static/themes/oscar/css/logicodev.css
@@ -1406,3 +1406,17 @@ th:hover .engine-tooltip,
   padding: 0.4rem 0;
   width: 1px;
 }
+/* Safari 9+ 
+   Conditional/Hack CSS from https://browserstrangeness.github.io/css_hacks.html
+*/
+@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
+    .twitter-typeahead .tt-input:focus {
+        z-index: 2;
+    }
+
+    .input-group-btn:last-child > .btn,
+    .input-group-btn:last-child > .btn-group {
+        margin-left: inherit !important;
+    }
+}
+
diff --git a/searx/static/themes/oscar/css/logicodev.min.css b/searx/static/themes/oscar/css/logicodev.min.css
index 679f9bb52..c795583d8 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 37fe5e92e..eb6eceaa2 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 9859357c8..9810041ec 100644
--- a/searx/static/themes/oscar/css/pointhi.css
+++ b/searx/static/themes/oscar/css/pointhi.css
@@ -1141,3 +1141,17 @@ td:hover .engine-tooltip,
   padding: 0.4rem 0;
   width: 1px;
 }
+/* Safari 9+ 
+   Conditional/Hack CSS from https://browserstrangeness.github.io/css_hacks.html
+*/
+@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
+    .twitter-typeahead .tt-input:focus {
+        z-index: 2;
+    }
+
+    .input-group-btn:last-child > .btn,
+    .input-group-btn:last-child > .btn-group {
+        margin-left: inherit !important;
+    }
+}
+
diff --git a/searx/static/themes/oscar/css/pointhi.min.css b/searx/static/themes/oscar/css/pointhi.min.css
index 06b31026c..9c0aa5eb0 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 00cd936ee..52c6c2251 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/less/logicodev-dark/oscar.less b/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less
index e0d61aac9..c68dcd9c9 100644
--- a/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less
+++ b/searx/static/themes/oscar/src/less/logicodev-dark/oscar.less
@@ -19,6 +19,8 @@
 @import "../logicodev/code.less";
 @import "../logicodev/preferences.less";
 
+@import (inline) "../safari.css";
+
 /*Global*/
 body {
   background:#1d1f21 none !important;
diff --git a/searx/static/themes/oscar/src/less/logicodev/oscar.less b/searx/static/themes/oscar/src/less/logicodev/oscar.less
index 7b2274ddc..187368f71 100644
--- a/searx/static/themes/oscar/src/less/logicodev/oscar.less
+++ b/searx/static/themes/oscar/src/less/logicodev/oscar.less
@@ -17,3 +17,5 @@
 @import "cursor.less";
 @import "code.less";
 @import "preferences.less";
+
+@import (inline) "../safari.css";
diff --git a/searx/static/themes/oscar/src/less/pointhi/oscar.less b/searx/static/themes/oscar/src/less/pointhi/oscar.less
index 827b77ffc..e9851458d 100644
--- a/searx/static/themes/oscar/src/less/pointhi/oscar.less
+++ b/searx/static/themes/oscar/src/less/pointhi/oscar.less
@@ -18,3 +18,5 @@
 @import "navbar.less";
 @import "code.less";
 @import "preferences.less";
+
+@import (inline) "../safari.css";
diff --git a/searx/static/themes/oscar/src/less/safari.css b/searx/static/themes/oscar/src/less/safari.css
new file mode 100644
index 000000000..02962db32
--- /dev/null
+++ b/searx/static/themes/oscar/src/less/safari.css
@@ -0,0 +1,13 @@
+/* Safari 9+ 
+   Conditional/Hack CSS from https://browserstrangeness.github.io/css_hacks.html
+*/
+@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
+    .twitter-typeahead .tt-input:focus {
+        z-index: 2;
+    }
+
+    .input-group-btn:last-child > .btn,
+    .input-group-btn:last-child > .btn-group {
+        margin-left: inherit !important;
+    }
+}