diff --git a/src/components/modals/main/scss/index.scss b/src/components/modals/main/scss/index.scss
index f9a95252..d04f0a6b 100644
--- a/src/components/modals/main/scss/index.scss
+++ b/src/components/modals/main/scss/index.scss
@@ -266,6 +266,12 @@ li {
   }
 }
 
+@supports (-webkit-hyphens: none) {
+  .navbar-item {
+    display: inline-block !important;
+  }
+}
+
 .modalNavbar {
   position: absolute;
   left: 20rem;
diff --git a/src/components/modals/main/scss/settings/_dropdown.scss b/src/components/modals/main/scss/settings/_dropdown.scss
index 8aec5b42..fb0bfd67 100644
--- a/src/components/modals/main/scss/settings/_dropdown.scss
+++ b/src/components/modals/main/scss/settings/_dropdown.scss
@@ -23,3 +23,16 @@ select {
     font: -moz-pull-down-menu !important;
   }
 }
+
+
+// safari dropdown
+@supports (-webkit-hyphens: none) {
+  select {
+    -webkit-appearance: none !important;
+    background: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") right center no-repeat, var(--sidebar) !important;
+  }
+
+  .dark select {
+    background: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") right center no-repeat, var(--sidebar) !important;
+  }
+}
\ No newline at end of file