fix list view

src/components/ViewModes/ListView.vue

@@ -30,7 +30,7 @@ const deleteSelectedNotes = (closeModal: () => void) => {
 }
 </script>
 <template>
-  <div class="flex flex-col gap-2 overflow-x-auto">
+  <div class="flex flex-col gap-2">
     <div class="flex items-center gap-2">
       <div class="flex items-center">
         <span class="whitespace-nowrap">
@@ -60,6 +60,7 @@ const deleteSelectedNotes = (closeModal: () => void) => {
         class="my-1 ml-auto mr-1 max-w-xs flex-grow"
       ></UIInputText>
     </div>
+    <div class="overflow-x-auto">
       <UITable density="compact" class="w-full">
         <thead>
           <tr>
@@ -102,4 +103,5 @@ const deleteSelectedNotes = (closeModal: () => void) => {
         </tbody>
       </UITable>
     </div>
+  </div>
 </template>