diff --git a/api/spotify-playing.py b/api/spotify-playing.py
index 7bb2018..5f12942 100644
--- a/api/spotify-playing.py
+++ b/api/spotify-playing.py
@@ -75,7 +75,7 @@ def get_now_playing():
     return repsonse_json
 
 
-def generate_css_bar(num_bar=80):
+def generate_css_bar(num_bar=85):
     css_bar = ""
     left = 1
     for i in range(1, num_bar + 1):
diff --git a/api/templates/spotify.html.j2 b/api/templates/spotify.html.j2
index 744d823..dc10c6c 100644
--- a/api/templates/spotify.html.j2
+++ b/api/templates/spotify.html.j2
@@ -36,19 +36,19 @@
                 }
 
                 .artist {
-                    font-weight: bold;
-                    font-size: 24px;
-                    color: #fff;
+                    font-size: 20px;
+                    color: #b3b3b3;
                     text-align: left;
-                    margin-top: 65px;
+                    margin-top: 5px;
+                    margin-bottom: 5px;
                 }
 
                 .song {
-                    font-size: 20px;
-                    color: #b3b3b3;
+                    font-weight: bold;
+                    font-size: 24px;
+                    color: #fff;
                     text-align: left;
-                    margin-top: 15px;
-                    margin-bottom: 5px;
+                    margin-top: 65px;
                 }
 
                 .logo {
@@ -102,8 +102,8 @@
                 </a>
 
                 <div class="text">
-                    <div class="artist">{{artist_name}}</div>
                     <div class="song">{{song_name}}</div>
+                    <div class="artist">{{artist_name}}</div>
                     <div id="bars">
                         {{content_bar|safe}}
                     </div>