diff --git a/styles/_buttons.scss b/styles/_buttons.scss
index b2946170c027..1bdd5ebceb84 100644
--- a/styles/_buttons.scss
+++ b/styles/_buttons.scss
@@ -12,6 +12,7 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
+ -webkit-transform: translateZ(0);
&:hover {
color: darken($gray, 10%);
diff --git a/styles/_forms.scss b/styles/_forms.scss
index 6c977fd4d850..d569c27ff1ed 100644
--- a/styles/_forms.scss
+++ b/styles/_forms.scss
@@ -39,6 +39,7 @@
textarea.form-control {
height: 130px;
+ -webkit-transform: translateZ(0);
}
.form-checkbox {
diff --git a/styles/base.scss b/styles/base.scss
index c9efcadf55d6..a69bb50b1671 100644
--- a/styles/base.scss
+++ b/styles/base.scss
@@ -71,6 +71,13 @@ a {
margin-top: 200px;
}
+.sticky-scroll {
+ top: 15px;
+ position: sticky;
+ position: -webkit-sticky;
+ overflow: scroll;
+}
+
.row {
&.colored {
background-color: $light-pink;