diff --git a/resources/views/components/frameworks/bootstrap5/footer.blade.php b/resources/views/components/frameworks/bootstrap5/footer.blade.php
index 8077ea9e..2a2b1bd4 100644
--- a/resources/views/components/frameworks/bootstrap5/footer.blade.php
+++ b/resources/views/components/frameworks/bootstrap5/footer.blade.php
@@ -4,15 +4,16 @@
             count(data_get($setUp, 'footer.perPageValues')) > 1 &&
             blank(data_get($setUp, 'footer.pagination')))
         <footer
-            class="mt-50 pb-1 w-100 align-items-end px-1 d-flex flex-wrap justify-content-sm-center justify-content-md-between"
+                class="mt-50 pb-1 w-100 align-items-end px-1 d-flex flex-wrap justify-content-sm-center justify-content-md-between"
         >
             <div class="col-auto overflow-auto my-sm-2 my-md-0 ms-sm-0">
                 @if (filled(data_get($setUp, 'footer.perPage')) && count(data_get($setUp, 'footer.perPageValues')) > 1)
                     <div class="d-flex flex-lg-row align-items-center">
                         <label class="w-auto">
                             <select
-                                wire:model.live="setUp.footer.perPage"
-                                class="form-select"
+                                    wire:model.live="setUp.footer.perPage"
+                                    class="form-select {{ data_get($theme, 'footer.selectClass') }}"
+                                    style="{{ data_get($theme, 'footer.selectStyle') }}"
                             >
                                 @foreach (data_get($setUp, 'footer.perPageValues') as $value)
                                     <option value="{{ $value }}">
diff --git a/resources/views/components/frameworks/tailwind/footer.blade.php b/resources/views/components/frameworks/tailwind/footer.blade.php
index aee1e384..c5567744 100644
--- a/resources/views/components/frameworks/tailwind/footer.blade.php
+++ b/resources/views/components/frameworks/tailwind/footer.blade.php
@@ -17,7 +17,8 @@
                 <div class="relative h-10">
                     <select
                         wire:model.live="setUp.footer.perPage"
-                        class="pg-select block appearance-none bg-pg-primary-50 border border-pg-primary-300 text-pg-primary-700 py-2 px-3 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-pg-primary-500 dark:bg-pg-primary-700 dark:text-pg-primary-200 dark:placeholder-pg-primary-200 dark:border-pg-primary-600"
+                        class="pg-select block appearance-none bg-pg-primary-50 border border-pg-primary-300 text-pg-primary-700 py-2 px-3 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-pg-primary-500 dark:bg-pg-primary-700 dark:text-pg-primary-200 dark:placeholder-pg-primary-200 dark:border-pg-primary-600 {{ data_get($theme, 'footer.selectClass') }}"
+                        style="{{ data_get($theme, 'footer.selectStyle') }}"
                     >
                         @foreach (data_get($setUp, 'footer.perPageValues') as $value)
                             <option value="{{ $value }}">