Fix sidebar button alignment issue

src/lib/SideBars/Sidebar.svelte

@@ -570,20 +570,6 @@
         }
       }} on:dragenter={preventAll} />
     {/each}
-        <div class="flex flex-col items-center space-y-2 px-2 mb-2">
-      <BaseRoundedButton
-        onClick={() => {
-          reseter()
-          if($selectedCharID === -1 && $PlaygroundStore !== 0){
-            PlaygroundStore.set(0)
-            return
-          }
-          selectedCharID.set(-1)
-          PlaygroundStore.set(1)
-        }}
-        ><ShellIcon size="24" /></BaseRoundedButton
-      >
-    </div>
     <div class="flex flex-col items-center space-y-2 px-2">
       <BaseRoundedButton
         onClick={async () => {
@@ -616,6 +602,20 @@
         ></BaseRoundedButton
       >
     </div>
+    <div class="flex flex-col items-center space-y-2 px-2 mb-2">
+      <BaseRoundedButton
+        onClick={() => {
+          reseter()
+          if($selectedCharID === -1 && $PlaygroundStore !== 0){
+            PlaygroundStore.set(0)
+            return
+          }
+          selectedCharID.set(-1)
+          PlaygroundStore.set(1)
+        }}
+        ><ShellIcon size="24" /></BaseRoundedButton
+      >
+    </div>
   </div>
 </div>
 <div