correct margin for list added. h2 font size changed

src/components/Page/index.js

@@ -71,7 +71,7 @@ const Playlist = ({ player, playlist, setPlaylist, updPlaylist, setIndex }) => {
 
   return (
     <>
-      <h2 className='highlightGreen'>{playlist[0]?.name || 'Playlist'}</h2>
+      <h2 style={{fontSize:'large'}} className='highlightGreen'>{playlist[0]?.name || 'Playlist'}</h2>
       <SortableContainer onSortEnd={onSortEnd}>
         { (_tracks || []).map((track, index) => <SortableItem key={track._id} index={index} track={track} playlist={playlist[0]} />) }
       </SortableContainer>

src/styles/Page.scss

@@ -36,7 +36,7 @@
         display: flex;
         align-items: center;
         background-color: #2a3da941;
-        margin: 10px;
+        margin: 10px 10px 10px -2%;
         padding: 2% 0;
         color: #83d6f6;
         box-shadow: 0 0 5px black;

src/styles/Sidebar.scss

@@ -4,6 +4,7 @@
     background-color: #1e1d45;
     width: 30%; 
     overflow:auto;
+    overflow-x: hidden;
   
     &__link {
       @include adaptive-font(20, 12);