Fix alignment of the reference filter input

Author: davepagurek

src/components/ReferenceDirectoryWithFilter/index.tsx

@@ -173,7 +173,7 @@ export const ReferenceDirectoryWithFilter = ({
   return (
     <div>
       <div class="h-0 overflow-visible">
-        <div class="content-grid-simple absolute -top-0 -left-0 -right-0 h-[75px] border-b border-sidebar-type-color bg-accent-color px-5 pb-lg md:px-lg ">
+        <div class="content-grid-simple absolute -top-[75px] -left-0 -right-0 h-[75px] border-b border-sidebar-type-color bg-accent-color px-5 pb-lg md:px-lg ">
           <div class="text-body col-span-2 flex w-full max-w-[750px] border-b border-accent-type-color text-accent-type-color">
             <input
               type="text"

src/content/pages/en/reference.mdx

@@ -3,10 +3,4 @@ slug: reference
 title: Reference
 ---
 
-
-{/* Most pages don't need this, but the reference page has a Filter thing that
-sticks out 75px from the header. This is a little hack to push everything down
-by that much so nothing gets cut off. */}
-<div class="h-[75px]" />
-
 Looking for p5.sound? Go to the <a href="https://archive.p5js.org/reference/#/libraries/p5.sound">p5.sound reference</a>!