diff --git a/components/footer.js b/components/footer.js
index eb3bad70..de426c0f 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -158,7 +158,7 @@ export default function Footer ({ links = true }) {
 
   return (
     <footer>
-      <Container className='mb-3 mt-4'>
+      <Container className='mb-3'>
         {links &&
           <>
             <div className='mb-1'>
diff --git a/components/layout.module.css b/components/layout.module.css
index 7ba9caaa..798a085d 100644
--- a/components/layout.module.css
+++ b/components/layout.module.css
@@ -24,6 +24,7 @@
     flex-grow: 1;
     display: flex;
     flex-direction: column;
+    padding-bottom: 2rem;
 }
 
 .content form {
diff --git a/components/recent-header.js b/components/recent-header.js
index a42e457f..b961ea38 100644
--- a/components/recent-header.js
+++ b/components/recent-header.js
@@ -17,7 +17,7 @@ export default function RecentHeader ({ type, sub }) {
   return (
     <div className='text-muted fw-bold mt-1 mb-3 d-flex justify-content-start align-items-center'>
       <Select
-        groupClassName='mb-0'
+        groupClassName='mb-2'
         className='w-auto'
         name='type'
         size='sm'
diff --git a/components/search.js b/components/search.js
index ca143428..d07c7125 100644
--- a/components/search.js
+++ b/components/search.js
@@ -79,7 +79,7 @@ export default function Search ({ sub }) {
             </div>
             {filter && router.query.q &&
               <div className='text-muted fw-bold d-flex align-items-center flex-wrap pb-2'>
-                <div className='text-muted fw-bold d-flex align-items-center pb-2'>
+                <div className='text-muted fw-bold d-flex align-items-center'>
                   <Select
                     groupClassName='me-2 mb-0'
                     onChange={(formik, e) => search({ ...formik?.values, what: e.target.value })}