Fix: Sort div bottom #5

Author: peterjuma

src/styles.css

@@ -33,6 +33,7 @@ body {
   border-left: 1px solid #dcdcde;
   border-bottom: 1px solid #dcdcde;
   display: flex;
+  overflow-y: auto;
   flex-direction: column;
   flex-shrink: 0;
   transition: transform 200ms ease-in-out;
@@ -225,7 +226,7 @@ input[type="search"]::-webkit-search-cancel-button {
 
 /* Note List Container*/
 .note-list-pin {
-  height: 300px; /* Set the desired maximum height */
+  max-height: 300px; /* Set the desired maximum height */
   overflow-y: auto; /* Enable vertical scrolling */
   margin: 10px 0; /* Add margin for spacing */
   padding-left: 0;
@@ -241,7 +242,6 @@ input[type="search"]::-webkit-search-cancel-button {
   list-style: none; /* Remove default list styles */
 }
 
-
 /* Add this to your existing CSS */
 .note-list-item {
   height: auto;
@@ -343,7 +343,7 @@ input[type="search"]::-webkit-search-cancel-button {
 }
 
 .pin-btn:hover {
-  color: blue; /* Change to any hover color */
+  color: #777; /* Change to any hover color */
 }
 
 button {