diff --git a/assets/styles/app.css b/assets/styles/app.css
index 7639675..c88060c 100644
--- a/assets/styles/app.css
+++ b/assets/styles/app.css
@@ -135,7 +135,7 @@ main:is(#login, #register) > form {
     }
 }
 
-main#searchResults {
+main:is(#searchResults, #favorites) {
     & > h1 {
         padding: 2rem;
         text-align: center;
diff --git a/templates/favorite/index.html.twig b/templates/favorite/index.html.twig
index 9ec1e41..75882cb 100644
--- a/templates/favorite/index.html.twig
+++ b/templates/favorite/index.html.twig
@@ -3,15 +3,17 @@
 {% block title %}Favorites!{% endblock %}
 
 {% block body %}
-    {% for album_liked in favorites %} 
-        {% set main_artist = album_liked["artists_sort"] %} 
-        {% set artists = album_liked["artists"] %} 
+<main id="favorites">
+    <div class="results">
+    {% for album_liked in favorites %}
+        {% set main_artist = album_liked["artists_sort"] %}
+        {% set artists = album_liked["artists"] %}
         {% set album = album_liked["title"] %}
         <section class="album">
             <span>
                 <h2>{{album}}</h2>
                 by
-                {% for artist in artists %}     
+                {% for artist in artists %}
                     <h3>{{artist["name"]}}</h3>
                 {% endfor %}
             </span>
@@ -27,4 +29,6 @@
             <br />
         </section>
     {% endfor %}
+    </div>
+</main>
 {% endblock %}