diff --git a/fetch.js b/fetch.js
index 6e82b1d..5ca3ec4 100644
--- a/fetch.js
+++ b/fetch.js
@@ -10,4 +10,13 @@ fetch(url)
 
 function wyswietlSufiksy(data) {
     data.forEach((element) => document.querySelector('#nieposortowane').innerHTML += `<li> ${JSON.stringify(element.osoby)} </li>`);
-}
\ No newline at end of file
+}
+
+document.getElementById("nieposortowane").onmouseover = function() {mouseOver()};
+document.getElementById("nieposortowane").onmouseout = function() {mouseOut()};
+function mouseOver() {
+  document.getElementById("nieposortowane").style.color = "red";
+}
+function mouseOut() {
+  document.getElementById("nieposortowane").style.color = "black";
+}
diff --git a/index.html b/index.html
index c96dc2a..5b24a05 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,7 @@
 </head>
 
 <body>
+    
     <h1>Sortowanie Sufiksów</h1>
     <button onclick="wyswietlSufiksy()">Wyswietl Sufiksy</button>
     <h2>Nieposortowane Sufiksy</h2>
diff --git a/styles.css b/styles.css
index e5aa4a8..9635ec4 100644
--- a/styles.css
+++ b/styles.css
@@ -50,13 +50,14 @@ h2 {
     flex-direction: column;
 }
 
-li:hover {
+/* li:hover {
     color: red;
+    font-weight: bold;
 }
 
 #nieposortowane:hover {
     background-color: white;
-}
+} */
 
 
 /* .pre {
