diff --git a/README.md b/README.md
index c41757a..88b7d65 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,7 @@ Go to [releases](https://github.com/mvaneijgen/wled-draw-something/releases/) an
 I've made this tool so I could send pixel art to my SO, just as a fun way to leave a digital note at a at a random time in the day.
 
 ## Road map
-- [x] Version 1 🎉
+- [x] ~~Version 1~~ 🎉
 - [ ] Drag on mobile
 - [ ] minify .html file
 - [ ] Setup proper JSON object
@@ -30,4 +30,4 @@ This tool is build using Vue.js and there is some SCSS to easily write CSS
 ## Build process
 I use [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) and [Live Sass Compiler](https://marketplace.visualstudio.com/items?itemName=glenn2223.live-sass) to work on the app localy.
 
-And there is a `build.js` file which creates a `drawsomething.html` with inline CSS and JS. Use Yarn or NPM to install the dependencies and then use `node build.js` to genrate the file in the `/dist` folder
+And there is a `build.js` file which creates a `drawsomething.html` with inline CSS and JS. Use Yarn or NPM to install the dependencies and then use `node build.js` to genrate the file in the `/dist` folder
\ No newline at end of file
diff --git a/assets/css/style.css b/assets/css/style.css
index e191501..5ed4b47 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -222,6 +222,16 @@ template {
   display: none;
 }
 
+body,
+html {
+  font-size: 18px;
+}
+@media screen and (max-width: 999px) {
+  body,
+  html {
+    font-size: 24px;
+  }
+}
 
 body {
   background-color: #19233b;
@@ -229,7 +239,7 @@ body {
 }
 
 svg {
-  width: 95vmin;
+  width: 80vmin;
   cursor: pointer;
 }
 @media screen and (min-width: 999px) {
@@ -255,7 +265,6 @@ h4 {
 
 label {
   font-weight: 700;
-  font-size: 18px;
   margin-bottom: 10px;
   display: block;
 }
@@ -276,10 +285,19 @@ label {
 }
 .alloy-input-group [type=color] {
   padding: 0;
+  -moz-appearance: none;
+       appearance: none;
   -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
   border: 0;
+  border: none;
+  height: 40px;
+  border-radius: 0;
+}
+.alloy-input-group [type=color]::-webkit-color-swatch-wrapper {
+  padding: 3px;
+}
+.alloy-input-group [type=color]::-webkit-color-swatch {
+  border: none;
 }
 
 select {
@@ -327,7 +345,6 @@ ul li {
 }
 
 #app {
-  font-size: 18px;
   display: flex;
   flex-direction: column;
   height: 100vh;
@@ -337,10 +354,6 @@ ul li {
     flex-direction: row;
   }
 }
-#app > * {
-  overflow-y: scroll;
-}
-
 .view {
   width: 100vw;
   display: flex;
@@ -362,8 +375,6 @@ aside {
   }
 }
 aside > .inner {
-  height: 100%;
-  overflow-y: auto;
   height: 100%;
   display: flex;
   flex-direction: row;
@@ -379,6 +390,8 @@ aside > .inner {
 @media screen and (min-width: 999px) {
   aside > .inner {
     gap: 30px;
+    overflow-y: auto;
+    height: 100%;
   }
 }
 aside .controls {
@@ -412,12 +425,11 @@ aside .title {
 }
 aside .title h1 {
   opacity: 0.7;
-  font-size: 30px;
+  font-size: 1.7rem;
 }
 aside .title h3 {
+  font-size: 0.8rem;
   text-transform: uppercase;
-  font-size: 14px;
-  letter-spacing: 2px;
   font-weight: normal;
   transform: translatex(2px) translatey(-5px);
 }
@@ -450,11 +462,11 @@ aside #logo img {
 }
 aside #logo span {
   display: block;
-  font-size: 12px;
+  font-size: 1rem;
 }
 aside #logo span:last-of-type {
   font-weight: 700;
-  font-size: 20px;
+  font-size: 1.4rem;
 }
 
 form {
@@ -544,15 +556,6 @@ button[disabled] {
   color: #666;
 }
 
-#copyFunctionContent {
-  height: 0;
-  overflow: hidden;
-}
-#copyFunctionContent > * {
-  height: 0;
-  overflow: hidden;
-}
-
 .container {
   width: 100%;
   height: 100%;
diff --git a/assets/css/style.css.map b/assets/css/style.css.map
index 67a9055..601fdf7 100644
--- a/assets/css/style.css.map
+++ b/assets/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["_reset.scss","style.css","style.scss"],"names":[],"mappings":"AAAA;;;EAGE,iBAAA;ACCF;;ADEA;;;;EAIE,qBAAA;ACCF;;ADEA;;;EAGE,wBAAA;ACCF;;ADEA;EACE,kCAAA;EAEA,iBAAA;EACA,0BAAA;EACA,8BAAA;ACAF;;ADGA;EACE,SAAA;ACAF;;ADGA;;;;;;;;EAQE,cAAA;ACAF;;ADGA;EACE,cAAA;EACA,gBAAA;ACAF;;ADGA;;;EAGE,cAAA;ACAF;;ADGA;EACE,gBAAA;ACAF;;ADGA;EACE,uBAAA;EACA,SAAA;ACAF;;ADGA;;;;EAIE,iCAAA;EACA,cAAA;ACAF;;ADGA;EACE,6BAAA;EACA,qCAAA;ACAF;;ADGA;;EAEE,gBAAA;ACAF;;ADGA;EACE,mBAAA;EACA,0BAAA;EACA,yCAAA;UAAA,iCAAA;ACAF;;ADGA;;EAEE,mBAAA;ACAF;;ADGA;EACE,kBAAA;ACAF;;ADGA;EACE,sBAAA;EACA,WAAA;ACAF;;ADGA;EACE,cAAA;ACAF;;ADGA;;EAEE,cAAA;EACA,cAAA;EACA,kBAAA;ACAF;;ADGA;EACE,eAAA;ACAF;;ADGA;EACE,WAAA;ACAF;;ADGA;EACE,aAAA;EACA,SAAA;ACAF;;ADGA;EACE,kBAAA;ACAF;;ADGA;EACE,gBAAA;ACAF;;ADGA;;;;;EAKE,uBAAA;EACA,eAAA;EACA,iBAAA;EACA,SAAA;ACAF;;ADMA;;EAEE,oBAAA;ACHF;;ADMA;;;;EAIE,0BAAA;ACHF;;ADMA;;;;EAIE,kBAAA;EACA,UAAA;ACHF;;ADMA;;;;EAIE,8BAAA;ACHF;;ADMA;EACE,wBAAA;EACA,aAAA;EACA,8BAAA;ACHF;;ADMA;EACE,sBAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;EACA,UAAA;EACA,mBAAA;ACHF;;ADQA;EACE,cAAA;ACLF;;ADQA;;EAEE,sBAAA;EACA,UAAA;ACLF;;ADQA;;EAEE,YAAA;ACLF;;ADQA;EACE,6BAAA;EACA,oBAAA;ACLF;;ADQA;;EAEE,wBAAA;ACLF;;ADQA;EACE,0BAAA;EACA,aAAA;ACLF;;ADQA;EACE,kBAAA;ACLF;;ADQA;;EAEE,aAAA;ACLF;;;AC/MA;EACE,yBANiB;EAOjB,WAAA;ADmNF;;AChNA;EACE,aAAA;EACA,eAAA;ADmNF;ACjNE;EAJF;IAKI,aAAA;IACA,8BAAA;IACA,mBAAA;EDoNF;AACF;;AChNA;EACE,sBAAA;ADmNF;;AChNA;EACE,aAAA;EACA,gBAAA;ADmNF;;AChNA;EACE,aAAA;ADmNF;;AChNA;EACE,gBAAA;EACA,eAAA;EACA,mBAAA;EACA,cAAA;ADmNF;;AChNA;EACE,qBAAA;EAEA,mBAlDY;EAmDZ,WAAA;ADkNF;AChNE;EACE,cAAA;EACA,mBAvDU;ADyQd;AC/ME;EACE,WAAA;EACA,mBAAA;EACA,cAAA;ADiNJ;AC9ME;EACE,UAAA;EACA,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,SAAA;ADgNJ;;AC5MA;EACE,WAAA;EACA,wBAAA;EACA,cAAA;AD+MF;;AC5MA;EACE,wBAAA;EACA,qBAAA;EACA,kBAAA;AD+MF;AC7ME;EACE,WAAA;EACA,qBAAA;EACA,4BAAA;EACA,yBAAA;EACA,gCAAA;EACA,eAAA;AD+MJ;AC5ME;EACE,kBAAA;EACA,OAAA;EACA,MAAA;EACA,oBAAA;EACA,UAAA;AD8MJ;AC5MI;EACE,WAjGM;EAkGN,qBAAA;AD8MN;;ACzMA;EACE,kBAAA;AD4MF;;ACzMA;EACE,UAAA;EACA,SAAA;EACA,mBAAA;AD4MF;AC1ME;EACE,gBAAA;AD4MJ;;ACxMA;EACE,eAAA;EACA,aAAA;EACA,sBAAA;EACA,aAAA;AD2MF;ACzME;EANF;IAOI,mBAAA;ED4MF;AACF;AC1ME;EACE,kBAAA;AD4MJ;;ACxMA;EACE,YAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,YAAA;AD2MF;;ACxMA;EACE,QAAA;EACA,WA7IY;EA8IZ,yBA7IW;ADwVb;ACzME;EALF;IAMI,cAAA;IACA,YAAA;IACA,iBAAA;ED4MF;AACF;AC1ME;EACE,YAAA;EACA,gBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,aAAA;EACA,sBAAA;AD4MJ;AC1MI;EATF;IAUI,mBAAA;IACA,8BAAA;ED6MJ;AACF;AC3MI;EAdF;IAeI,SAAA;ED8MJ;AACF;AC3ME;EACE,kBAAA;EACA,aAAA;EACA,sBAAA;EAEA,mBAAA;AD4MJ;AC1MI;EAPF;IAQI,uBAAA;IACA,mBAAA;IACA,OAAA;IACA,gBAAA;ED6MJ;EC3MI;IACE,eAAA;ED6MN;AACF;ACxME;EACE,WAAA;AD0MJ;ACvME;EACE,6BAAA;EACA,0BAAA;EACA,UAAA;EACA,gBAAA;ADyMJ;ACtME;EACE,mBAAA;ADwMJ;AClMI;EACE,YAAA;EACA,eAAA;ADoMN;AChMI;EACE,yBAAA;EACA,eAAA;EACA,mBAAA;EACA,mBAAA;EACA,2CAAA;ADkMN;AC/LI;;EAEE,SAAA;ADiMN;AC1LI;EAHF;;IAII,SAAA;IACA,eAAA;ED8LJ;AACF;AC3LE;EACE,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,WAAA;EACA,qBAAA;AD6LJ;AC3LI;EAPF;IAQI,yBAAA;ED8LJ;AACF;ACxLI;EACE,kBAAA;EACA,WAAA;AD0LN;ACvLI;EACE,cAAA;EACA,eAAA;ADyLN;ACvLM;EACE,gBAAA;EACA,eAAA;ADyLR;;ACnLA;EACE,WAAA;ADsLF;;ACnLA;EACE,WAAA;EACA,mBAAA;ADsLF;ACpLE;EACE,cAAA;EACA,gBAAA;EACA,mBAAA;ADsLJ;ACpLI;EACE,eAAA;EACA,eAAA;ADsLN;AClLE;EACE,UAAA;EACA,gBAAA;EACA,aAAA;ADoLJ;AClLI;EACE,yBAAA;ADoLN;AChLE;EACE,WAAA;ADkLJ;;AC9KA;EACE,wBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,aAAA;EACA,YAAA;EAEA,wBAAA;ADiLF;AC/KE;EACE,wBAAA;EACA,gBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,gBAhUQ;EAiUR,eAAA;ADiLJ;AC9KE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,eAAA;ADgLJ;;AC5KA;;EAEE,WAAA;AD+KF;;AC5KA;EACE,0BAAA;AD+KF;;AC5KA;EACE,WAAA;EACA,aAAA;EACA,sBAzVU;EA0VV,WAzVY;EA0VZ,gBAAA;EACA,SAAA;EACA,mBAAA;EACA,aAAA;AD+KF;;AC5KA;EACE,sBAAA;EACA,cAjWW;EAkWX,aAAA;AD+KF;;AC5KA;EACE,sBAAA;EACA,WAAA;AD+KF;;AC5KA;EACE,SAAA;EACA,gBAAA;AD+KF;AC7KE;EACE,SAAA;EACA,gBAAA;AD+KJ;;AC3KA;EACE,WAAA;EACA,YAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;AD8KF;;AC3KA;EACE,sBA/XU;EAgYV,aAAA;EACA,gBAAA;AD8KF","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["_reset.scss","style.css","style.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/assets/css/style.scss b/assets/css/style.scss
index b79542e..842b4a4 100755
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -11,14 +11,24 @@ $brand-dark-light: #19233b;
 
 $brake-point: 999px;
 
-/*# sourceMappingURL=normalize.min.css.map */
+body,
+html {
+  font-size: 18px;
+
+  @media screen and (max-width: $brake-point) {
+    font-size: 24px;
+  }
+
+
+}
+
 body {
   background-color: $brand-dark-light;
   color: #fff;
 }
 
 svg {
-  width: 95vmin;
+  width: 80vmin;
   cursor: pointer;
 
   @media screen and (min-width: $brake-point) {
@@ -44,7 +54,7 @@ h4 {
 
 label {
   font-weight: 700;
-  font-size: 18px;
+  // font-size: 18px;
   margin-bottom: 10px;
   display: block;
 }
@@ -69,7 +79,20 @@ label {
   [type="color"] {
     padding: 0;
     appearance: none;
+    -webkit-appearance: none;
     border: 0;
+    border: none;
+    // width: 40px;
+    height: 40px;
+    border-radius: 0;
+
+    &::-webkit-color-swatch-wrapper {
+      padding: 3px;
+    }
+
+    &::-webkit-color-swatch {
+      border: none;
+    }
   }
 }
 
@@ -122,7 +145,6 @@ ul {
 }
 
 #app {
-  font-size: 18px;
   display: flex;
   flex-direction: column;
   height: 100vh;
@@ -132,7 +154,7 @@ ul {
   }
 
   >* {
-    overflow-y: scroll;
+    // overflow-y: scroll;
   }
 }
 
@@ -157,8 +179,7 @@ aside {
 
   >.inner {
     height: 100%;
-    overflow-y: auto;
-    height: 100%;
+
     display: flex;
     flex-direction: row;
     padding: 30px;
@@ -171,6 +192,8 @@ aside {
 
     @media screen and (min-width: $brake-point) {
       gap: 30px;
+      overflow-y: auto;
+      height: 100%;
     }
   }
 
@@ -181,6 +204,7 @@ aside {
 
     flex-flow: row wrap;
 
+
     @media screen and (max-width: $brake-point) {
       justify-content: center;
       flex-direction: row;
@@ -214,14 +238,14 @@ aside {
 
     h1 {
       opacity: 0.7;
-      font-size: 30px;
+      font-size: 1.7rem;
       // line-height: 0.8em;
     }
 
     h3 {
+      font-size: 0.8rem;
       text-transform: uppercase;
-      font-size: 14px;
-      letter-spacing: 2px;
+      // font-size: 14px;
       font-weight: normal;
       transform: translatex(2px) translatey(-5px);
     }
@@ -263,11 +287,11 @@ aside {
 
     span {
       display: block;
-      font-size: 12px;
+      font-size: 1rem;
 
       &:last-of-type {
         font-weight: 700;
-        font-size: 20px;
+        font-size: 1.4rem;
       }
     }
   }
@@ -368,16 +392,6 @@ button[disabled] {
   color: #666;
 }
 
-#copyFunctionContent {
-  height: 0;
-  overflow: hidden;
-
-  >* {
-    height: 0;
-    overflow: hidden;
-  }
-}
-
 .container {
   width: 100%;
   height: 100%;
diff --git a/dist/drawsomething.html b/dist/drawsomething.html
index adfabe3..2d1111e 100644
--- a/dist/drawsomething.html
+++ b/dist/drawsomething.html
@@ -227,6 +227,16 @@
   display: none;
 }
 
+body,
+html {
+  font-size: 18px;
+}
+@media screen and (max-width: 999px) {
+  body,
+  html {
+    font-size: 24px;
+  }
+}
 
 body {
   background-color: #19233b;
@@ -234,7 +244,7 @@
 }
 
 svg {
-  width: 95vmin;
+  width: 80vmin;
   cursor: pointer;
 }
 @media screen and (min-width: 999px) {
@@ -260,7 +270,6 @@
 
 label {
   font-weight: 700;
-  font-size: 18px;
   margin-bottom: 10px;
   display: block;
 }
@@ -281,10 +290,19 @@
 }
 .alloy-input-group [type=color] {
   padding: 0;
+  -moz-appearance: none;
+       appearance: none;
   -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
   border: 0;
+  border: none;
+  height: 40px;
+  border-radius: 0;
+}
+.alloy-input-group [type=color]::-webkit-color-swatch-wrapper {
+  padding: 3px;
+}
+.alloy-input-group [type=color]::-webkit-color-swatch {
+  border: none;
 }
 
 select {
@@ -332,7 +350,6 @@
 }
 
 #app {
-  font-size: 18px;
   display: flex;
   flex-direction: column;
   height: 100vh;
@@ -342,10 +359,6 @@
     flex-direction: row;
   }
 }
-#app > * {
-  overflow-y: scroll;
-}
-
 .view {
   width: 100vw;
   display: flex;
@@ -367,8 +380,6 @@
   }
 }
 aside > .inner {
-  height: 100%;
-  overflow-y: auto;
   height: 100%;
   display: flex;
   flex-direction: row;
@@ -384,6 +395,8 @@
 @media screen and (min-width: 999px) {
   aside > .inner {
     gap: 30px;
+    overflow-y: auto;
+    height: 100%;
   }
 }
 aside .controls {
@@ -417,12 +430,11 @@
 }
 aside .title h1 {
   opacity: 0.7;
-  font-size: 30px;
+  font-size: 1.7rem;
 }
 aside .title h3 {
+  font-size: 0.8rem;
   text-transform: uppercase;
-  font-size: 14px;
-  letter-spacing: 2px;
   font-weight: normal;
   transform: translatex(2px) translatey(-5px);
 }
@@ -455,11 +467,11 @@
 }
 aside #logo span {
   display: block;
-  font-size: 12px;
+  font-size: 1rem;
 }
 aside #logo span:last-of-type {
   font-weight: 700;
-  font-size: 20px;
+  font-size: 1.4rem;
 }
 
 form {
@@ -549,15 +561,6 @@
   color: #666;
 }
 
-#copyFunctionContent {
-  height: 0;
-  overflow: hidden;
-}
-#copyFunctionContent > * {
-  height: 0;
-  overflow: hidden;
-}
-
 .container {
   width: 100%;
   height: 100%;
@@ -582,12 +585,12 @@ <h3>Version {{version}}</h3>
           </div>
           <div class="controls">
             <div class="alloy-input-group">
-              <label for="color">Color</label>
+              <label for="color">Current Color</label>
               <input type="color" id="color" name="head" v-model.lazy="color">
             </div>
 
             <div class="alloy-input-group">
-              <label for="pallete">Pallete hisotry</label>
+              <label for="pallete">Pallete history</label>
               <svg class="colorPallete" :view-box.camel="viewBoxPallete">
                 <g v-for="(item, yIndex) in yPallete">
                   <rect v-for="(item, xIndex) in xPallete" :key="xIndex"
diff --git a/index.html b/index.html
index 7321c26..089715b 100755
--- a/index.html
+++ b/index.html
@@ -15,12 +15,12 @@ <h3>Version {{version}}</h3>
           </div>
           <div class="controls">
             <div class="alloy-input-group">
-              <label for="color">Color</label>
+              <label for="color">Current Color</label>
               <input type="color" id="color" name="head" v-model.lazy="color">
             </div>
 
             <div class="alloy-input-group">
-              <label for="pallete">Pallete hisotry</label>
+              <label for="pallete">Pallete history</label>
               <svg class="colorPallete" :view-box.camel="viewBoxPallete">
                 <g v-for="(item, yIndex) in yPallete">
                   <rect v-for="(item, xIndex) in xPallete" :key="xIndex"