diff --git a/html/account-me.ejs b/html/account-me.ejs
index 01c57b21..82be8f32 100644
--- a/html/account-me.ejs
+++ b/html/account-me.ejs
@@ -6,6 +6,7 @@
        <link href=/css/app.main.css?v=3449 rel=stylesheet>
     <style>
 
+
         /* Define the grid container */
 .grid-container {
     display: grid;
@@ -20,7 +21,7 @@
 .grid-item {
     background-color: #333;
     padding: 20px;
-   max-width:5em;
+   width:11em;
   text-align: center;
     border-radius: 1em;
 }
@@ -78,10 +79,10 @@ a {
           <% if (userSubs) { %>
  <% for (const channelID in userSubs) { %>
             <div class="grid-item">
-                              <img style="width:5em;border-radius:5px" src="<%= userSubs[channelID].avatar %>" alt="Avatar"><br >
+                              <img style="width:5em;border-radius:5px;margin-bottom: -23px;" src="<%= userSubs[channelID].avatar %>" alt="Avatar"><br >
 <br>
                <%= userSubs[channelID].channelName %><br>
-                 <div style="gap: 1px;display: flex;margin-left: -12px;">
+                 <div style="gap: 1px;display: flex;margin-left:2em;margin-top: 6px;">
               <a href="/api/remove-channel-sub?ID=<%- userid %>&channelID=<%= channelID %>" style="margin-bottom:1px">unsub </a> <a href="/channel?id=<%= channelID %>">view</a>
             </div>            </div>