diff --git a/components/TableOfContentMarkdown.tsx b/components/TableOfContentMarkdown.tsx
index f71698952..fef4b115a 100644
--- a/components/TableOfContentMarkdown.tsx
+++ b/components/TableOfContentMarkdown.tsx
@@ -175,11 +175,8 @@ export const TableOfContent = ({ depth }: TableOfContentProps) => {
         <span>Table of Contents</span>
       </div>
       <div className='mt-2 bg-slate-50 dark:bg-slate-900 pt-6 pb-3 pr-3 border border-r-0 border-y-0 border-l-blue-400/40 border-l-[2.5px]'>
-        <TableOfContentMarkdown
-          markdown={fullMarkdown}
-          depth={depth}
-        />
+        <TableOfContentMarkdown markdown={fullMarkdown} depth={depth} />
       </div>
     </>
   );
-}; 
\ No newline at end of file
+};
diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index 2fc6ad878..bc627b9b5 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -637,7 +637,7 @@ const Home = (props: any) => {
               href='https://opencollective.com/json-schema/contribute/golden-sponsor-68354/checkout?interval=month&amount=1000&name=&legalName=&email='
               target='_blank'
               rel='noreferrer'
-              className='w-[310px] h-[180px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3'
+              className='w-[310px] h-[180px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3 transition-transform duration-300 hover:scale-105'
             >
               <svg
                 xmlns='http://www.w3.org/2000/svg'
@@ -662,7 +662,7 @@ const Home = (props: any) => {
               href='https://opencollective.com/json-schema/contribute/silver-sponsor-68353/checkout?interval=month&amount=500&name=&legalName=&email='
               target='_blank'
               rel='noreferrer'
-              className='w-[200px] h-[120px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3'
+              className='w-[200px] h-[120px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3 transition-transform duration-300 hover:scale-105'
             >
               <svg
                 xmlns='http://www.w3.org/2000/svg'
@@ -693,7 +693,7 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={asyncapi_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
                       width={176}
                       height={100}
                       alt='asyncapi'
@@ -710,7 +710,7 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={airbnb_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
                       width={176}
                       height={100}
                       alt='airbnb'
@@ -727,7 +727,7 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={postman_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
                       width={176}
                       height={100}
                       alt='postman'
@@ -740,7 +740,7 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={endjin_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
                       width={176}
                       height={100}
                       alt='endjin'
@@ -753,7 +753,7 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={llc_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
                       width={176}
                       height={100}
                       alt='llc'
@@ -770,7 +770,7 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={vpsserver_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
                       width={176}
                       height={100}
                       alt='vpsserver'
@@ -787,7 +787,7 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={itflashcards_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
                       width={176}
                       height={100}
                       alt='itflashcards'
@@ -804,7 +804,7 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={route4me_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
                       width={176}
                       height={100}
                       alt='route4me'
@@ -817,7 +817,7 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={n8n_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
                       width={176}
                       height={100}
                       alt='n8n'
@@ -830,7 +830,7 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={ccopter_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
                       width={176}
                       height={100}
                       alt='ccopter'
@@ -839,7 +839,10 @@ const Home = (props: any) => {
                 )}
               </a>
               <a href='https://www.octue.com/' target='_blank' rel='noreferrer'>
-                <img src={octue_logo} className=' w-44' />
+                <img
+                  src={octue_logo}
+                  className='w-44 transition-transform duration-300 hover:scale-105'
+                />
               </a>
               <a
                 href='https://www.apideck.com/'
@@ -848,7 +851,7 @@ const Home = (props: any) => {
               >
                 <img
                   src={apideck_logo}
-                  className=' w-44'
+                  className='w-44 transition-transform duration-300 hover:scale-105'
                   alt='The Realtime Unified API
 for Accounting integrations'
                 />
@@ -860,7 +863,7 @@ for Accounting integrations'
               >
                 <img
                   src={rxdb_logo}
-                  className=' w-44'
+                  className='w-44 transition-transform duration-300 hover:scale-105'
                   alt='The local Database for JavaScript Applications'
                 />
               </a>
@@ -871,7 +874,7 @@ for Accounting integrations'
               >
                 <img
                   src={wda_logo}
-                  className=' w-44'
+                  className='w-44 transition-transform duration-300 hover:scale-105'
                   alt='best website design agencies'
                 />
               </a>
@@ -882,19 +885,23 @@ for Accounting integrations'
               >
                 <img
                   src={anon_logo}
-                  className=' w-44'
+                  className='w-44 transition-transform duration-300 hover:scale-105'
                   alt='Instagram Story Viewer'
                 />
               </a>
               <a href='https://supadata.ai/' target='_blank' rel='noreferrer'>
                 <img
                   src={supadata_logo}
-                  className=' w-44'
+                  className='w-44 transition-transform duration-300 hover:scale-105'
                   alt='supadata logo'
                 />
               </a>
               <a href='https://dottxt.ai/' target='_blank' rel='noreferrer'>
-                <img src={dottxt_logo} className=' w-44' alt='dottxt logo' />
+                <img
+                  src={dottxt_logo}
+                  className='w-44 transition-transform duration-300 hover:scale-105'
+                  alt='dottxt logo'
+                />
               </a>
               <a
                 href='https://www.sourcemeta.com/'
@@ -903,7 +910,7 @@ for Accounting integrations'
               >
                 <img
                   src={sourcemeta_logo}
-                  className=' w-44'
+                  className='w-44 transition-transform duration-300 hover:scale-105'
                   alt='dottxt logo'
                 />
               </a>
@@ -911,7 +918,7 @@ for Accounting integrations'
                 href='https://opencollective.com/json-schema/contribute/sponsor-10816/checkout?interval=month&amount=100&name=&legalName=&email='
                 target='_blank'
                 rel='noreferrer'
-                className='w-[155px] md:w-[176px] h-[44px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3'
+                className='w-[155px] md:w-[176px] h-[44px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3 transition-transform duration-300 hover:scale-105'
               >
                 <svg
                   xmlns='http://www.w3.org/2000/svg'
@@ -953,7 +960,7 @@ for Accounting integrations'
                 <>
                   <Image
                     src={devevents_logo}
-                    className='w-48 md:w-56'
+                    className='w-48 md:w-56 transition-transform duration-300 hover:scale-105'
                     width={192}
                     height={224}
                     alt='dev events'
diff --git a/styles/globals.css b/styles/globals.css
index 7d786ece1..58e4130c6 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -108,11 +108,13 @@ border-radius: 4px; */
   ) !important;
 }
 .keyshadow {
-  --docsearch-key-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff,
+  --docsearch-key-shadow:
+    inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff,
     0 1px 2px 1px rgba(30, 35, 90, 0.4) !important;
 }
 .keyshadow[data-theme='dark'] {
-  --docsearch-key-shadow: inset 0 -2px 0 0 #ffffff, inset 0 0 1px 1px #ffffff,
+  --docsearch-key-shadow:
+    inset 0 -2px 0 0 #ffffff, inset 0 0 1px 1px #ffffff,
     0 2px 2px 0 rgba(3, 4, 9, 0.3) !important;
 }