Apply patch

src/pages/ta-collection.astro

@@ -12,6 +12,7 @@ import TaCard from '@components/cards/taCard.astro'
 import tadata from '@datafiles/tadata.json'
 import featured_data from '@datafiles/featureddata.json'
 import FgotaHero from '@components/fgotaHero.astro'
+import Placeholder from '@components/placeholder.astro'
 import SmallTitle from '@components/titles/smallTitle.astro'
 
 const important_data = tadata.filter(function (el) {
@@ -52,13 +53,7 @@ const description = 'A collection of TAs previously completed be Firq.'
   >
     {featured_data.map((item) => <TaCard {...item} />)}
   </TaSection>
-  <div class="placeholder"></div>
+  <Placeholder height="5rem"/>
 </Layout>
 
-<style>
-  .placeholder {
-    visibility: hidden;
-    width: 100%;
-    height: 5rem;
-  }
-</style>
+<style></style>