Style still WIP but much better now

src/App.svelte

@@ -14,9 +14,11 @@
     <div id="Account">
       <h1 id="Header">ATProto PDS</h1>
       <p>Home to {accountsData.length} accounts</p>
+      <div id="accountsList">
       {#each accountsData as accountObject}
         <AccountComponent account={accountObject} />
       {/each}
+      </div>
     </div>
   {:catch error}
     <p>Error: {error.message}</p>    
@@ -26,9 +28,11 @@
     <p>Loading...</p>
   {:then postsData}
     <div id="Feed">
+      <div id="spacer"></div>
       {#each postsData as postObject}
         <PostComponent post={postObject as Post} />
       {/each}
+      <div id="spacer"></div>
     </div>
   {/await}
   </div>
@@ -48,19 +52,39 @@
   }
   #Feed {
     width: 65%;
-    height: 80vh;
+    height: 100vh;
     overflow-y: scroll;
     padding: 20px;
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  #spacer {
+    padding: 0;
+    margin: 0;
+    height: 10vh;
+    width: 100%;
   }
   #Account {
     width: 35%;
+    display: flex;
+    flex-direction: column; 
+    border: 1px solid #8054f0;
+    background-color: #0d0620;
     height: 80vh;
-    overflow-y: scroll;
     padding: 20px;
-    background-color: #070311;
-
-    border-radius: 10px;
   }
+  #accountsList {
+    display: flex;
+    flex-direction: column;
+    overflow-y: scroll;
+    height: 100%;
+    width: 100%;
+    padding: 0px;
+    margin: 0px;
+  }
+
   #Header {
     text-align: center;
     font-size: 2em;