diff --git a/.DS_Store b/.DS_Store
index 2663a3b..3c4878a 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/script.js b/script.js
index 78e2b4e..e1e4019 100644
--- a/script.js
+++ b/script.js
@@ -195,6 +195,16 @@ for (let i = 0; i < app_icon_no_sound.length; i++) {
   app_icon_no_sound[i].tabIndex = 0;
 }
 
+//cursor style normal
+for (let i = 0; i < app_icon_no_sound.length; i++) {
+  app_icon_no_sound[i].cursor = "default";
+}
+
+//color input
+color_input.onmouseover = () => {
+  color_input.style.cursor = "copy";
+};
+
 //no cursor on icons
 for (let i = 0; i < app_icon.length; i++) {
   app_icon[i].style.cursor = "none";
diff --git a/styles.css b/styles.css
index a8a8fbb..59e02ef 100644
--- a/styles.css
+++ b/styles.css
@@ -29,7 +29,7 @@ input[type="range"]:focus {
 
 input[type="range"]::-ms-track {
   width: 100%;
-  cursor: pointer;
+  cursor: ew-resize;
   background: transparent;
   border-color: transparent;
   color: transparent;
@@ -41,7 +41,7 @@ input[type="range"]::-webkit-slider-thumb {
   width: 20px;
   border-radius: 35px;
   background: #ffffff;
-  cursor: pointer;
+  cursor: ew-resize;
   margin-top: -7px; /* Specify a margin in Chrome, in Firefox and IE it is automatic */
   box-shadow: 0px 0px 3px #0000000e, 0px 0px 1px #0d0d0d;
 }
@@ -52,7 +52,7 @@ input[type="range"]::-moz-range-thumb {
   width: 20px;
   border-radius: 35px;
   background: #ffffff;
-  cursor: pointer;
+  cursor: ew-resize;
   margin-top: -7px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
   box-shadow: 0px 0px 1px #0000000e, 0px 0px 1px #0d0d0d;
 }
@@ -65,14 +65,13 @@ input[type="range"]::-ms-thumb {
   width: 20px;
   border-radius: 35px;
   background: #ffffff;
-  cursor: pointer;
+  cursor: ew-resize;
 }
 
 /*       Track      */
 input[type="range"]::-webkit-slider-runnable-track {
   width: 100%;
   height: 7px;
-  cursor: pointer;
   background: #1793ff;
   border-radius: 10px;
   border: 0.1px solid #7f7f7f7d;
@@ -230,7 +229,9 @@ body {
   transform: perspective(1000px);
 }
 
-img {
+.app_icon img,
+.app_icon_scroll img,
+.app_icon_no_sound img {
   width: 60%;
   overflow: hidden;
   pointer-events: none;
@@ -646,12 +647,10 @@ img {
 }
 
 .app_icon_no_sound:hover {
-  cursor: pointer;
   box-shadow: 0px 25px 35px #1f1f1f76;
 }
 
 #app_icon_range:hover {
-  cursor: pointer;
   box-shadow: 0px 25px 35px #1f1f1f76;
 }