diff --git a/pages/community/index.page.tsx b/pages/community/index.page.tsx
index d68d6deb8..0b18b93b3 100644
--- a/pages/community/index.page.tsx
+++ b/pages/community/index.page.tsx
@@ -119,7 +119,9 @@ export default function communityPages(props: any) {
                       priority={index < 10}
                       loading={index < 10 ? 'eager' : 'lazy'}
                       quality={75}
-                      className='sm:w-[40px] md:w-[45px] lg:w-[50px] sm:h-[40px] md:h-[45px] lg:h-[50px] rounded-full border-black'
+                      className='sm:w-[40px] md:w-[45px] lg:w-[50px] sm:h-[40px] md:h-[45px] lg:h-[50px] 
+rounded-full border-black 
+transition-transform duration-200 hover:scale-110 hover:shadow-md'
                     />
                   ))}
               </div>
diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index bc627b9b5..6a840d08f 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -374,7 +374,7 @@ const Home = (props: any) => {
             </p>
           </div>
           <div className='grid grid-cols-1 lg:grid-cols-3 gap-6 mb-12 mx-auto w-5/6 md:w-3/5 lg:w-5/6'>
-            <div className='p-4 w-full mb-6 dark:shadow-2xl'>
+            <div className='p-4 w-full mb-6 border border-gray-300 dark:border-gray-700 dark:shadow-2xl rounded-xl'>
               <Link href='https://json-schema.org/slack'>
                 <h3 className='mb-4 font-semibold flex items-center dark:text-slate-200'>
                   Join the JSON Schema Slack Workspace!
@@ -429,7 +429,7 @@ const Home = (props: any) => {
               </button>
             </div>
             {/* BlogPost Data */}
-            <div className='p-4 w-full mb-6 dark:shadow-2xl'>
+            <div className='p-4 w-full mb-6 border border-gray-300 dark:border-gray-700 dark:shadow-2xl rounded-xl'>
               <Link href={`/blog/posts/${blogPosts[0].slug}`}>
                 <h3 className='mb-5 font-semibold pt-1 dark:text-slate-200'>
                   The JSON Schema Blog
@@ -513,7 +513,7 @@ const Home = (props: any) => {
               </div>
             </div>
             <div>
-              <div className='p-4 md:w-full mb-6 mr-4 dark:shadow-2xl'>
+              <div className='p-4 md:w-full mb-6 mr-4 border border-gray-300 dark:border-gray-700 dark:shadow-2xl rounded-xl'>
                 <h3 className='mb-2 font-semibold dark:text-slate-200'>
                   JSON Schema Community Meetings & Events
                 </h3>