diff --git a/dev/Styles/Main.less b/dev/Styles/Main.less
index 3f72fdd98..5d4adc5c2 100644
--- a/dev/Styles/Main.less
+++ b/dev/Styles/Main.less
@@ -69,6 +69,7 @@ dialog {
 	max-width: 560px;
 	overflow: auto;
 	padding: 0;
+	position: sticky;
 	transition: all .2s ease-out;
 	top: 0;
 	width: calc(100% - 20px);
diff --git a/dev/Styles/User/Compose.less b/dev/Styles/User/Compose.less
index 6ace8357b..7026db2e6 100644
--- a/dev/Styles/User/Compose.less
+++ b/dev/Styles/User/Compose.less
@@ -1,8 +1,6 @@
 
 #V-PopupsCompose {
-	display: flex;
-	flex-direction: column;
-	height: calc(100% - 52px);
+	height: calc(100vh - 52px);
 	max-width: 1000px;
 	width: 98%;
 
diff --git a/vendors/bootstrap/less/forms.less b/vendors/bootstrap/less/forms.less
index 6d35db9b3..2ddc89227 100644
--- a/vendors/bootstrap/less/forms.less
+++ b/vendors/bootstrap/less/forms.less
@@ -81,6 +81,8 @@ input[type="checkbox"] {
 
 // Make select elements obey height by applying a border
 select, .select {
+  // Safari requires -webkit-
+  -webkit-appearance: none;
   appearance: none;
   background: @inputBackground url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='10px' width='15px'><text x='0' y='10' fill='rgb(85,85,85)'>▾</text></svg>") right center/1em no-repeat border-box;
   border: 1px solid @inputBorder;