diff --git a/public/index.html b/public/index.html
index 2f2b29d0b294a47601955dbb50983d6544bf1465..2786830805f63ca7436be14656a952ed34ce5496 100644
--- a/public/index.html
+++ b/public/index.html
@@ -190,7 +190,7 @@
             </svg>
             <div id="others">
               <div id="other-palette">
-                <b>Others</b>
+                <b>Other colours</b>
               </div>
               <label id="colours">
                 <input id="other-colours" type="color" value="blue" />
diff --git a/public/styles.css b/public/styles.css
index 7cb85c9f8b93fa6197152cbc9590e24e47ce1589..6bb668555e0229817ab0dfab1b00042d429b39ae 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -435,7 +435,7 @@ button.selected {
   margin-top: 2%;
   display: flex;
   align-items: center;
-  padding-left: 40%;
+  justify-content: center;
   background-color: #3cbc8d;
   color: white;
   padding-top: 4px;
@@ -463,8 +463,20 @@ button.selected {
   transition-duration: 0.4s;
 }
 
-#other-colours {
-  visibility: hidden;
+@supports (-webkit-overflow-scrolling: touch) {
+  #colours {
+    visibility: hidden;
+  }
+
+  #other-colours {
+    visibility: visible;
+  }
+}
+
+@supports not (-webkit-overflow-scrolling: touch) {
+  #other-colours {
+    visibility: hidden;
+  }
 }
 
 @font-face {