refactor: use gap to ensure proper spacing

src/Pages/MyShows.vue

@@ -78,10 +78,10 @@
       <template #footer>
         <div
           v-if="tableShowResult.count > 0 || !isLoading"
-          class="tw-flex tw-items-center tw-px-6 tw-mt-3 tw-py-3 tw-border-0 tw-border-t tw-border-solid tw-border-gray-200 empty:tw-hidden"
+          class="tw-flex tw-items-center tw-gap-3 tw-px-6 tw-mt-3 tw-py-3 tw-border-0 tw-border-t tw-border-solid tw-border-gray-200 empty:tw-hidden"
         >
           <PaginationRange v-if="tableShowResult.count > 0" :pagination-data="tableShowResult" />
-          <FormGroup v-slot="attrs" class="tw-ml-auto tw-m-0 tw-mr-9 last:tw-mr-0">
+          <FormGroup v-slot="attrs" class="tw-ml-auto tw-m-0 last:tw-mr-0">
             <label class="tw-flex tw-items-center tw-gap-3 tw-m-0">
               <span>{{ t('myShows.itemsPerPage') }}</span>
               <input