diff --git a/SocialHelper/homepage/templates/homepage/user_profile.html b/SocialHelper/homepage/templates/homepage/user_profile.html
index 45eb34a..8e485c1 100644
--- a/SocialHelper/homepage/templates/homepage/user_profile.html
+++ b/SocialHelper/homepage/templates/homepage/user_profile.html
@@ -11,8 +11,8 @@
               <div class="solid_banner_inner">
               <h3>Profil użytkownika</h3>
                   <h5>{{ name }}</h5>
-                  <labe>Neutralne</label><br>
-                  <label>Niepolecany<input type="range" id="volume" name="volume" min="0" max="100" value = "{{ ocena }}" disabled="True" color="Blue">Polecany</label>
+                  <label>Neutralne</label><br>
+                  <label style="color:red">Niepolecany</label><input type="range" style="width: 500px;" id="volume" name="volume" min="0" max="100" value = "{{ ocena }}" disabled="True" color="Blue"><label style="color:limegreen">Polecany</label>
               </div>
           </div>
       </section>
@@ -25,8 +25,12 @@
             <div class="container">
 
               <ul class="nav nav-tabs" role="tablist">
-                <li class="active"><a href="#1zakladka" role="tab" data-toggle="tab">Produkty</a></li>
-                <li><a href="#2zakladka" role="tab" data-toggle="tab">Oceny</a></li>
+                <li class="nav-item">
+                    <a class="nav-link active" href="#1zakladka" role="tab" data-toggle="tab">Produkty</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#2zakladka" role="tab" data-toggle="tab">Oceny</a>
+                </li>                
               </ul>
 
               <div class="tab-content">