diff --git a/app/app.py b/app/app.py
index d3f6ba5..a28e1e1 100644
--- a/app/app.py
+++ b/app/app.py
@@ -177,7 +177,7 @@ def album_square(user_id, rows : int):
 
     limit = rows ** 2
 
-    res = 100/(rows+2)
+    res = (1080/(rows))-rows
 
     # Get top albums
     r = requests.get(
diff --git a/app/static/albumsquare.css b/app/static/albumsquare.css
index 0f1cb6c..1044b3d 100644
--- a/app/static/albumsquare.css
+++ b/app/static/albumsquare.css
@@ -1,23 +1,11 @@
 .albums {
     height: 100%;
-    height: fit-content;
-    align-self: flex-start;
 
-    border-style: var(--borders-style);
-    border-radius: var(--border-radius);
-    border-color: #1E2022;
-    background-color: var(--main-background);
-
-    /* Text Settings
-    font-weight: bold;
-    line-height: 30pt; */
     line-height: 0;
     font-size: 0;
 }
 
 .albums img {
-    height: 100px;
-    width: 100px;
     padding: 0 0;
     margin: 0 0;
     border: 0 0;
diff --git a/app/templates/album_square.html b/app/templates/album_square.html
index dfd49b7..ca6d024 100644
--- a/app/templates/album_square.html
+++ b/app/templates/album_square.html
@@ -9,7 +9,7 @@
         <div class="albums">
             {% for album in top_albums %}
                     <a title="{{ album.album_name}} by {{ album.artist_name }} - {{ album.listen_time }} Hours">
-                        <img src="{{ album.album_cover }}" style="width: {{ res }}%; height: {{ res }}%;">
+                        <img src="{{ album.album_cover }}" style="width: {{ res }}px; height: {{ res }}px;">
                     </a>
                     {% if loop.index % limit == 0 %}
                         <br>