diff --git a/public/favicon-teeny-beans.ico b/public/favicon-teeny-beans.ico
new file mode 100644
index 0000000..bc4cc20
Binary files /dev/null and b/public/favicon-teeny-beans.ico differ
diff --git a/src/components/Menu.astro b/src/components/Menu.astro
index 35c6c6a..ceeeec8 100644
--- a/src/components/Menu.astro
+++ b/src/components/Menu.astro
@@ -5,12 +5,12 @@
         <a href="/"><img class="w-36 h-12 lg:w-fit lg:h-fit hover:bg-none" src="/img/tb-logo.png" alt="Teeny Beans Logo"/></a>
     </div>
     <div class="flex flex-col"></div>
-    <div class="flex place-items-center py-4">
+    <div class="flex place-items-center py-4 font-semibold">
         <div class="navbar w-full">
-            <a href="/educators">Educators</a>
+            <a href="/educators font-semibold">Educators</a>
             <a href="/administrators">Administrators</a>
             <div class="dropdownDesktop">
-                <button class="dropbtnDesktop">Recources <span class="text-md">∇</span>
+                <button class="dropbtnDesktop" style="font-family: quicksand;">Recources <span class="">v</span>
                 <i class="fa fa-caret-downDesktop"></i>
                 </button>
                 <div class="dropdown-contentDesktop">
@@ -92,7 +92,7 @@ overflow: hidden;
 font-size: 16px;  
 border: none;
 outline: none;
-color: #7c2d23;
+color: #7c4c23;
 font-weight: bold;
 padding: 14px 10px;
 background-color: inherit;
diff --git a/src/components/OccassionVideo.vue b/src/components/OccassionVideo.vue
index 72a1656..0f397cb 100644
--- a/src/components/OccassionVideo.vue
+++ b/src/components/OccassionVideo.vue
@@ -42,7 +42,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="mt-6 text-center text-lg ">...</div>
+                    <div class="mt-6 text-center text-lg opacity-0">...</div>
                 </div></router-link>
             </div>
         </section>
diff --git a/src/components/ThemesVideos.vue b/src/components/ThemesVideos.vue
index 8dc2163..854a155 100644
--- a/src/components/ThemesVideos.vue
+++ b/src/components/ThemesVideos.vue
@@ -42,7 +42,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="mt-6 text-center text-lg ">...</div>
+                    <div class="mt-6 text-center text-lg opacity-0">...</div>
                 </div></a>
             </div>
         </section>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 9dfba69..169052b 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -12,7 +12,7 @@ const { title } = Astro.props;
 		<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap" rel="stylesheet">
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<link rel="icon" type="image/svg+xml/ico" href="/favicon-teeny-beans.ico" />
 		<meta name="generator" content={Astro.generator} />
 		<title>{title}</title>
 		
diff --git a/src/pages/occasion/index.astro b/src/pages/occasion/index.astro
index 441045e..f93766d 100644
--- a/src/pages/occasion/index.astro
+++ b/src/pages/occasion/index.astro
@@ -117,7 +117,7 @@ import Footer from "../../components/Footer.vue";
                     <div class="flex -rotate-6 relative"><img src={'https://curriculum-app-api.beanstalkedu.com/assets/'+data.img} alt="" class="rounded-tl-lg rounded-br-lg" />
                         <div class="flex absolute bg-white p-2 rounded-md m-4 justify-center text-sm md:text-xl">{data.title}</div>
                         <p class="absolute inset-x-0 bottom-6 text-blue-100 text-justify p-3 font-semibold rounded-br-lg line-clamp-4">{data.text}</p>
-                        <span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-white text-justify p-3 "><a href="" class="text-blue-700 hover:font-extrabold"> <br> Read Full Storry &#62;&#62; </a></span>
+                        <span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-white text-justify p-3 "><a href="/blog" class="text-blue-700 hover:font-extrabold"> <br> Read Full Storry &#62;&#62; </a></span>
                     </div>
                 </div>
             )}
diff --git a/src/pages/themes/index.astro b/src/pages/themes/index.astro
index ef5c993..1c964b7 100644
--- a/src/pages/themes/index.astro
+++ b/src/pages/themes/index.astro
@@ -112,7 +112,7 @@ import Footer from "../../components/Footer.vue";
             </section>
             <ThemesVideos client:visible/>
             <ThemesAudioBook client:visible/>
-            <section class="container mx-auto pt-16 xl:px-24 px-4">
+            <!-- <section class="container mx-auto pt-16 xl:px-24 px-4">
               <h1 class="h1-text text-blue-700 font-semibold">Celebretion stories</h1>
               <h1 class="text-2xl text-justify text-color-2 py-4" v-if="page">{themes[0].celebration_stories_text}</h1>
               <div class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 py-10 px-4 gap-12">
@@ -126,10 +126,10 @@ import Footer from "../../components/Footer.vue";
                       </div>
                   )}
               </div>
-          </section>
+          </section> -->
           <SubmitCelebration client:visible/>
           <!-- section youtube -->
-        <section class="container mx-auto py-16 mt-20 px-4 xl:px-24" >  
+        <section class="container mx-auto pt-20 px-4 xl:px-24" >  
             <div class="h1-text text-blue-700 font-semibold">YouTube Videos for your reference </div>
             <div class="text-2xl text-justify text-color-2">{themes[0].youtube_text}</div>
             <div class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-5 pt-4">