diff --git a/src/components/MainMenu.astro b/src/components/MainMenu.astro
index 366e534..c7b3db9 100644
--- a/src/components/MainMenu.astro
+++ b/src/components/MainMenu.astro
@@ -21,13 +21,13 @@
    
       <!-- Navbar items -->
       <div class="nav-links">
-        <a href="/">Home |</a>
-        <a href="/about-us">About |</a>
-        <a href="/contact-us">Contact Us |</a>
-        <a href="/notice">Notice |</a>
-        <a href="/library">Library|</a>
+        <a href="/">Home </a>
+        <a href="/about-us">About </a>
+        <a href="/contact-us">Contact Us </a>
+        <a href="/notice">Notice </a>
+        <a href="/library">Library</a>
         <div class="dropdown">
-          <a class="dropBtn" href="#">Administration |
+          <a class="dropBtn" href="#">Administration 
             <i class="fas fa-angle-down"></i>
           </a>
           <div class="drop-content" >
@@ -40,7 +40,7 @@
         <!-- <a href="https://center.rgyci.org/center_list">Center List</a> -->
         <!-- Dropdown menu -->
         <div class="dropdown">
-          <a class="dropBtn" href="#">Academics |
+          <a class="dropBtn" href="#">Academics 
             <i class="fas fa-angle-down"></i>
           </a>
           <div class="drop-content">
@@ -58,7 +58,7 @@
           </div>
         </div>
         <div class="dropdown">
-          <a class="dropBtn" href="#">Organizations |
+          <a class="dropBtn" href="#">Organizations 
             <i class="fas fa-angle-down"></i>
           </a>
           <div class="drop-content">
@@ -74,7 +74,7 @@
           </div>
         </div>
         <div class="dropdown">
-          <a class="dropBtn" href="#">Facilities |
+          <a class="dropBtn" href="#">Facilities 
             <i class="fas fa-angle-down"></i>
           </a>
           <div class="drop-content">