diff --git a/views/js/evently/src/CommunityPage.css b/views/js/evently/src/CommunityPage.css
index eb6fe6f..4fff6fd 100644
--- a/views/js/evently/src/CommunityPage.css
+++ b/views/js/evently/src/CommunityPage.css
@@ -13,6 +13,7 @@
 @media screen and (max-width: 1200px) {
   .event-card {
     width: calc(50% - 10px);
+
   }
 
   .date-time-container {
@@ -50,6 +51,7 @@
   margin: 0 auto;
   border-radius: 5px;
   transition: transform 0.2s ease-in-out;
+
 }
 
 .event-card-community:hover {
@@ -81,6 +83,7 @@
   flex-wrap: wrap;
   gap: 20px;
   padding: 20px;
+
 }
 
 .events-row {
diff --git a/views/js/evently/src/CommunityPage.jsx b/views/js/evently/src/CommunityPage.jsx
index 30d89f6..9a5de18 100644
--- a/views/js/evently/src/CommunityPage.jsx
+++ b/views/js/evently/src/CommunityPage.jsx
@@ -43,7 +43,7 @@ function CommunityPage() {
     if(
       searchCategory && searchCategory !== "All"
     ){
-      filtered = filtered.filter(item => item.event_type === searchCategory.toLowerCase())
+      filtered = filtered.filter(item => item.event_type.toLowerCase() === searchCategory.toLowerCase())
     }
     filtered = filtered.filter((item) =>
       item.title.toLowerCase().includes(searchTerm.toLowerCase())
diff --git a/views/js/evently/src/CreateEvent.jsx b/views/js/evently/src/CreateEvent.jsx
index f3caf71..34f46b8 100644
--- a/views/js/evently/src/CreateEvent.jsx
+++ b/views/js/evently/src/CreateEvent.jsx
@@ -37,8 +37,8 @@ function CreateEvent() {
           description: DescriptionForm, 
           contact_info: ContactForm, 
           public_private: "public", 
-          event_type:EventType,
-           max_attendees: parseInt(AttendeesForm), 
+          event_type: EventType,
+          max_attendees: parseInt(AttendeesForm), 
           image_url: imageUrl,
         }),
       });
diff --git a/views/js/evently/src/SearchBar.css b/views/js/evently/src/SearchBar.css
index 4c9ea48..bdf626e 100644
--- a/views/js/evently/src/SearchBar.css
+++ b/views/js/evently/src/SearchBar.css
@@ -18,6 +18,7 @@
     box-sizing: border-box;
     display: flex;
     height: 5.5vh;
+    z-index: 9999;
 }
 
 
@@ -37,6 +38,7 @@
     background-color: var(--purple);
     box-shadow: var(--shadow);
     cursor: pointer;
+    
 }
 
 .dropdown-text {
@@ -61,7 +63,7 @@
     list-style: none;
     padding: 0;
     margin: 0;
-    z-index: 1000;
+    
     max-height: 200px; /* Limit height for scrolling */
     overflow-y: auto; /* Enable scroll for overflow */
     transition: all 0.3s ease; /* Smooth opening animation */
@@ -76,6 +78,7 @@
     text-align: left;
     border-radius: 10px; /* Rounded corners for items */
     transition: background-color 0.2s ease, transform 0.2s ease; /* Add hover effects */
+
 }
 
 .dropdown-list-item:hover {
diff --git a/views/js/evently/src/SearchBar.jsx b/views/js/evently/src/SearchBar.jsx
index 0aa9617..8fde86d 100644
--- a/views/js/evently/src/SearchBar.jsx
+++ b/views/js/evently/src/SearchBar.jsx
@@ -27,7 +27,7 @@ const SearchBar = ({ onSearch }) => {
                         <li className="dropdown-list-item" onClick={() => selectCategory("Social")}> Social </li>
                         <li className="dropdown-list-item" onClick={() => selectCategory("Business")}> Business </li>
                         <li className="dropdown-list-item" onClick={() => selectCategory("Education")}> Education </li>
-                        <li className="dropdown-list-item" onClick={() => selectCategory("Recreation")}> Recreation </li>
+                        <li className="dropdown-list-item" onClick={() => selectCategory("Arts & Recreation")}> Arts & Recreation </li>
                     </ul>
                 )}
             </div>