diff --git a/packages/components/src/components/pagination/Pagination.vue b/packages/components/src/components/pagination/Pagination.vue
index 5be32ffed..059ad8409 100644
--- a/packages/components/src/components/pagination/Pagination.vue
+++ b/packages/components/src/components/pagination/Pagination.vue
@@ -57,7 +57,7 @@ watch(
     @page-size-change="onPageChange"
   >
     <div class="bg-white flex items-center justify-between">
-      <div class="flex-1 flex justify-between sm:hidden items-center">
+      <div class="flex-1 flex justify-between sm:!hidden items-center">
         <span
           class="relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 cursor-pointer"
           @click="prev"