diff --git a/src/client/typescript/guild/feeds.ts b/src/client/typescript/guild/feeds.ts
index 26bc553..1f23b1b 100644
--- a/src/client/typescript/guild/feeds.ts
+++ b/src/client/typescript/guild/feeds.ts
@@ -208,9 +208,9 @@ const pageSelectOptions: ISelectOptions = {
     toggleClasses: "cj-select-toggle",
     optionClasses: "cj-select-option",
     dropdownClasses: `cj-select-dropdown`,
-    dropdownSpace: 5,
-    dropdownScope: "window",
-    dropdownPlacement: null,
+    dropdownSpace: 10,
+    dropdownScope: "parent",
+    dropdownPlacement: "top",
     dropdownVerticalFixedPlacement: null
 };
 
diff --git a/src/client/views/guild/feeds.ejs b/src/client/views/guild/feeds.ejs
index 35156f5..3146909 100644
--- a/src/client/views/guild/feeds.ejs
+++ b/src/client/views/guild/feeds.ejs
@@ -2,11 +2,11 @@
 
 <%- include("header") -%>
 
-<div id="table" class="--prevent-on-load-init max-w-full overflow-hidden px-4 sm:px-6">
+<div id="table" class="--prevent-on-load-init max-w-full px-4 sm:px-6">
     <div class="flex flex-col">
         <div class="-m-1.5">
             <div class="max-w-full min-w-full p-1.5 inline-block align-middle">
-                <div class="bg-white border border-gray-200 rounded-lg shadow-xs overflow-hidden dark:bg-neutral-900 dark:border-neutral-700">
+                <div class="bg-white border border-gray-200 rounded-lg shadow-xs dark:bg-neutral-900 dark:border-neutral-700">
 
                     <!-- Header -->
                     <div>
@@ -104,11 +104,11 @@
                      <div class="cj-table-footer">
                         <div class="max-w-sm space-y-3">
                             <select id="selectPageSize-js" data-hs-datatable-page-entities="">
-                                <option value="1">1</option>
-                                <option value="2">2</option>
-                                <option value="3">3</option>
-                                <option value="4">4</option>
                                 <option value="5">5</option>
+                                <option value="10" selected>10</option>
+                                <option value="25">25</option>
+                                <option value="50">50</option>
+                                <option value="100">100</option>
                             </select>
                         </div>
                         <div class="sm:inline-flex items-center gap-x-2" data-hs-datatable-info="">
diff --git a/src/client/views/layout/base.ejs b/src/client/views/layout/base.ejs
index c079463..ad2db0e 100644
--- a/src/client/views/layout/base.ejs
+++ b/src/client/views/layout/base.ejs
@@ -6,7 +6,7 @@
         <title><%= title %></title>
         <link rel="stylesheet" href="/static/css/tailwind.css">
     </head>
-    <body class="bg-neutral-100 dark:bg-neutral-900 text-gray-600 dark:text-gray-400 font-[Inter]">
+    <body class="bg-neutral-100 dark:bg-neutral-900 text-gray-600 dark:text-gray-400 min-h-screen font-[Inter]">
         <%- include("sidebar") -%>
 
         <div class="w-full lg:ps-64">
