diff --git a/src/Pages/MyShows.vue b/src/Pages/MyShows.vue
index 56553eb38855c12958a2ee10f3e45f9b8eea0f6c..f2732f84c226b0c135b826abbb6dd17bc0860868 100644
--- a/src/Pages/MyShows.vue
+++ b/src/Pages/MyShows.vue
@@ -73,6 +73,7 @@
           <OrderFilter
             v-model="order"
             translate-base="showFilter.order.choices"
+            class="-tw-mx-1"
             :choices="[
               'id',
               'slug',
diff --git a/src/components/OrderFilter.vue b/src/components/OrderFilter.vue
index ee521826a2e7b279b026679b9f843147d0cd7eed..c8df62c81af5edc2ad3078d092f779405d79132d 100644
--- a/src/components/OrderFilter.vue
+++ b/src/components/OrderFilter.vue
@@ -6,12 +6,12 @@
     <li
       v-for="(sortOrders, sortField) in normalizedChoices"
       :key="sortField"
-      class="tw-flex tw-gap-3 tw-items-center tw-transition-opacity group-hover:tw-opacity-100"
+      class="tw-flex tw-gap-3 tw-items-center tw-transition-opacity group-hover:tw-opacity-100 tw-px-1"
       :class="{ 'tw-opacity-50': !selectedFieldNames.includes(sortField) }"
     >
       <button
         type="button"
-        class="btn tw-cursor-grab tw-p-1 -tw-ml-1"
+        class="btn btn-default tw-cursor-grab tw-p-1"
         :class="{ 'tw-invisible': !selectedFieldNames.includes(sortField) }"
         tabindex="-1"
         data-drag-handle