diff --git a/homepage/templates/homepage/index.html b/homepage/templates/homepage/index.html
index 1332a9f..9eeeb8c 100755
--- a/homepage/templates/homepage/index.html
+++ b/homepage/templates/homepage/index.html
@@ -12,7 +12,6 @@
             @media (max-width: 768px) {
               .hero {
                 background: url("{{ location.hero_mobile.url }}");
-                background-attachment: fixed;
                 background-repeat: no-repeat;
                 background-position: center center; 
                 -webkit-background-size: cover;
diff --git a/static/css/styles.css b/static/css/styles.css
index 55dfea7..2ce8f27 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -118,7 +118,9 @@ body::-webkit-scrollbar {
 
 .poll {
   color: white;
-  background-color: #4b4b4b;
+  background: #4b4b4b;
+  background: -webkit-linear-gradient(#464646, #4b4b4b);
+  background: linear-gradient(#464646, #4b4b4b);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
diff --git a/static/css/styles.scss b/static/css/styles.scss
index 7772914..4e634ed 100755
--- a/static/css/styles.scss
+++ b/static/css/styles.scss
@@ -202,7 +202,9 @@ body::-webkit-scrollbar {
 .poll {
   color: white;
   //background-image: url("res/poll-gradient.png");
-  background-color: $darker-grey;
+  background: $darker-grey;
+  background: -webkit-linear-gradient(#464646, $darker-grey);
+  background: linear-gradient(#464646, $darker-grey);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;