diff --git a/index.html b/index.html
index e4675d8..f0b43d3 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,8 @@
 
 <body>
     <div id="menu">
-        <select id="colorSelect">
+        <label for="colorSelector">Wybierz kolor: </label>
+        <select id="colorSelector">
             <option value="green">Zielony</option>
             <option value="red">Czerwony</option>
             <option value="yellow">Żółty</option>
@@ -20,9 +21,8 @@
             <option value="black">Czarny</option>
             <option value="lime">Limonkowy</option>
         </select>
-        <label for="colorSelect">Wybierz kolor: </label>
-        <input type="range" min="5" max="40" value="5" id="weightSlider"/>
         <label for="weightSlider">Wybierz grubość linii: </label>
+        <input type="range" min="5" max="40" value="5" id="weightSlider"/>
         <button id="clearButton">Wyczyść rysunek!</button>
     </div>
     <canvas id="canvas"></canvas>
diff --git a/script.js b/script.js
index 048c558..ed3aa30 100644
--- a/script.js
+++ b/script.js
@@ -4,7 +4,12 @@ document.addEventListener('mouseup', stopPainting);
 document.addEventListener('mousemove', draw);
 window.addEventListener('resize', resize);
 
+const colorSelector = document.getElementById('colorSelector');
+const weightSlider = document.getElementById('weightSlider');
+const clearButton = document.getElementById('clearButton');
+const canvas = document.getElementById('canvas');
 const ctx = canvas.getContext('2d');
+
 let color = 'green';
 let weight = 5;
 
@@ -23,7 +28,6 @@ document.addEventListener('wheel', e => {
 clearButton.addEventListener('click', () => ctx.clearRect(0, 0, canvas.width, canvas.height))
 weightSlider.addEventListener('change', e => weight = e.target.value)
 colorSelector.addEventListener('change', e => color = e.target.value)
-
 resize();
 
 function resize() {
