diff --git a/app/site/organizations.liquid b/app/site/organizations.liquid
index 88d1f55c27..ec8a6cecea 100644
--- a/app/site/organizations.liquid
+++ b/app/site/organizations.liquid
@@ -8,8 +8,7 @@ layout: base
   <p>The Centers for Medicare and Medicaid Services is comprised of many GitHub Organizations.</p>
   <ul class="usa-card-group-orgs">
     {% for org in organizations %}
-      <!-- <li class="usa-card usa-card--flag desktop:grid-col-6"> -->
-      <li class="usa-card grid-col-5">
+      <li class="usa-card grid-col-5 usa-card-orgs">
         <div class="usa-card-outer">
           <div class="usa-card-middle">
             <a href="{{ site.baseurl }}/{{ org.name }}/" class="href-home">
@@ -30,15 +29,15 @@ layout: base
                   <div class="usa-card__footer">
                     <span class="star-count" style="margin-right: 15px;">
                       <svg class="usa-icon" aria-labelledby="star-count-{{org.name}}-title" role="img">
-                        <title id="github-{{org.name}}-title"> Repo Count</title>
-                        {% lucide "folder-git-2" %}
+                        <title id="github-{{org.name}}-title">Repo Count</title>
+                        {% lucide "folder-git" %}
                       </svg>
                       <span> {{ org.repo_count }} </span>
                     </span>
                     <span class="fork-count" style="margin-right: 15px;">
                       <svg class="usa-icon" aria-labelledby="fork-count-{{org.name}}-title" role="img">
                         <title id="github-{{org.name}}-title"> Follower Count</title>
-                        {% lucide "users-2" %}
+                        {% lucide "git-fork" %}
                       </svg>
                       <span> {{ org.followers_count }} </span>
                     </span>
diff --git a/app/site/projects.liquid b/app/site/projects.liquid
index e1a7a2f82d..0dbff7e05b 100644
--- a/app/site/projects.liquid
+++ b/app/site/projects.liquid
@@ -25,7 +25,12 @@ layout: base
       {% comment %} filter by organization {% endcomment %}
       <div class="usa-accordion">
         <div class="usa-accordion__heading filter-heading">
-          <button class="usa-accordion__button filter-button" aria-expanded="true" aria-controls="organization-content" id="organization">Organization</button>
+          <button class="usa-accordion__button filter-button" aria-expanded="true" aria-controls="organization-content" id="organization">
+            Organization 
+            <svg class="usa-icon--size-3" aria-hidden="true" focusable="false" role="img">
+              <use href="{{ site.baseurl }}/assets/img/sprite.svg#expand_less"></use>
+            </svg>
+          </button>
         </div>
         <div id="organization-content" class="usa-accordion__content filter-content usa-prose" hidden>
           <form class="usa-form">
@@ -46,7 +51,12 @@ layout: base
       {% comment %} filter by maturity model tier {% endcomment %}
       <div class="usa-accordion">
         <div class="usa-accordion__heading filter-heading">
-          <button class="usa-accordion__button filter-button" aria-expanded="false" aria-controls="tier-content" id="mauturity-model-tier">Maturity Model Tier</button>
+          <button class="usa-accordion__button filter-button" aria-expanded="true" aria-controls="tier-content" id="mauturity-model-tier">
+            Maturity Model Tier
+            <svg class="usa-icon--size-3" aria-hidden="true" focusable="false" role="img">
+              <use href="{{ site.baseurl }}/assets/img/sprite.svg#expand_less"></use>
+            </svg>
+          </button>
         </div>
         <div id="tier-content" class="usa-accordion__content filter-content usa-prose" hidden>
           <form class="usa-form">
@@ -67,7 +77,12 @@ layout: base
       {% comment %} filter by fisma compliance level {% endcomment %}
       <div class="usa-accordion">
         <div class="usa-accordion__heading filter-heading">
-          <button class="usa-accordion__button filter-button" aria-expanded="false" aria-controls="fisma-level-content" id="fisma-level">FISMA Compliance Level</button>
+          <button class="usa-accordion__button filter-button" aria-expanded="true" aria-controls="fisma-level-content" id="fisma-level">
+            FISMA Compliance Level
+            <svg class="usa-icon--size-3" aria-hidden="true" focusable="false" role="img">
+              <use href="{{ site.baseurl }}/assets/img/sprite.svg#expand_less"></use>
+            </svg>
+          </button>
         </div>
         <div id="fisma-level-content" class="usa-accordion__content filter-content usa-prose" hidden>
           <form class="usa-form">
@@ -88,7 +103,12 @@ layout: base
       {% comment %} filter by project type {% endcomment %}
       <div class="usa-accordion">
         <div class="usa-accordion__heading filter-heading">
-          <button class="usa-accordion__button filter-button" aria-expanded="false" aria-controls="project-type-content" id="project-type">Project Type</button>
+          <button class="usa-accordion__button filter-button" aria-expanded="true" aria-controls="project-type-content" id="project-type">
+            Project Type
+            <svg class="usa-icon--size-3" aria-hidden="true" focusable="false" role="img">
+              <use href="{{ site.baseurl }}/assets/img/sprite.svg#expand_less"></use>
+            </svg>
+          </button>
         </div>
         <div id="project-type-content" class="usa-accordion__content filter-content usa-prose" hidden>
           <form class="usa-form">
@@ -157,7 +177,7 @@ layout: base
                   <option value="ascending">Ascending</option>
                   <option value="descending">Descending</option>
                 </select>
-                <svg class="usa-icon filter-icon" aria-hidden="true" focusable="false" role="img">
+                <svg class="usa-icon filter-icon sort-icon" aria-hidden="true" focusable="false" role="img">
                   <use href="{{ site.baseurl }}/assets/img/sprite.svg#sort_arrow"></use>
                 </svg>
               </div>
diff --git a/app/src/css/style.css b/app/src/css/style.css
index 38d46449f7..355a31a842 100644
--- a/app/src/css/style.css
+++ b/app/src/css/style.css
@@ -61,6 +61,10 @@ h1 {
   background-color: #fff;
 }
 
+.menu-btn-styling:hover {
+  background-color: #fff;
+}
+
 /* Home page main */
 .grid-container{
   display: flex;
@@ -212,17 +216,18 @@ a.usa-link:visited {
 /* Orgs */
 .usa-card-group-orgs {
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   flex-wrap: wrap;
-  list-style-type:none;
+  /* list-style-type:none; */
   justify-content: center;
+  width: 90vw;
 }
 
 .usa-card {
   display: flex;
   justify-content: center;
-  /* margin: 0 1% 0 1%; */
   margin: 2%;
+  /* width: 90%; */
 }
 
 .usa-card__media {
@@ -243,8 +248,7 @@ a.usa-link:visited {
 }
 
 .usa-card__header-orgs {
-  margin: 15% 1% 10% 5%;
-  padding: 0;
+  margin-left: 5%;
 }
 
 .usa-card__heading-orgs {
@@ -252,12 +256,19 @@ a.usa-link:visited {
 }
 
 .usa-card__footer {
+  display: flex;
   padding-bottom: 1.5rem;
   padding-left: 0;
   padding-right: 1.5rem;
   padding-top: 0.5rem;
 }
 
+.star-count,
+.fork-count {
+  display: flex;
+  align-items: center;
+}
+
 /* Projects */
 #content-container {
   margin-top: 5%;
@@ -274,7 +285,7 @@ a.usa-link:visited {
 .search-block {
   display: flex;
   flex-direction: column;
-  justify-content: flex-end;
+  align-items: flex-end;
 }
 
 .dashboard-container {
@@ -296,9 +307,9 @@ a.usa-link:visited {
   z-index: 10;
 }
 
-section:active {
+/* section:active {
   border: #E7C000;
-}
+} */
 
 .usa-search--small [type=submit], .usa-search--small .usa-search__submit {
   padding-left: 0.75rem;
@@ -323,6 +334,10 @@ section:active {
   border: none
 }
 
+#sort-direction {
+  width: 90%;
+}
+
 .sort-outer {
   display: flex;
   background-color: #E0EAF8;
@@ -340,6 +355,11 @@ section:active {
   margin: 0 0 0 -20%;
 }
 
+.sort-icon {
+  margin-left: -30%;
+  margin-right: 8%;
+}
+
 .outer-project-template {
   height: fit-content;
   width: 90vw;
@@ -385,9 +405,10 @@ section:active {
   border-radius: 50px 50px 0 0;
   border: none;
   font-weight: 600; 
-  justify-content: center;
+  justify-content: space-between;
   min-width: 215px;
-  padding: 7% 0 7% 0;
+  padding: 10%;
+  align-items: center;
 }
 
 .filter-button:hover {
@@ -600,6 +621,13 @@ iframe:focus, [href]:focus, [tabindex]:focus, [contentEditable=true]:focus {
 }
 
 @media (max-width: 767px) {
+  .usa-header {
+    align-items: stretch;
+  }
+  .title {
+    width: 100vw;
+  }
+
   .usa-nav {
     display: none;
     position: absolute;
@@ -624,6 +652,49 @@ iframe:focus, [href]:focus, [tabindex]:focus, [contentEditable=true]:focus {
     border: none;
     cursor: pointer;
   }
+
+  .filters-container {
+    margin-right: 0;
+  }
+
+  .filter-button {
+    min-width: 315px;
+  }
+  
+  .filter-button[aria-expanded="false"] {
+    min-width: 315px;
+  }
+
+  .usa-accordion__heading {
+    font-size: 1.2rem;
+  }
+  
+  .search-block {
+    align-items: center;
+  }
+
+  .sort-styling {
+    width: 75vw;
+    align-items: center;
+  }
+
+  .search-styling {
+    width: 58vw;
+  }
+
+  .sort-outer {
+    margin-left: 0;
+    width: 75vw;
+  }
+
+  .sort-icon {
+    margin-left: -21%;
+    margin-right: 5%;
+  }
+
+  /* .usa-card {
+    margin-left: -5%;
+  } */
 }
 
 @media (min-width: 768px) {
@@ -679,6 +750,16 @@ iframe:focus, [href]:focus, [tabindex]:focus, [contentEditable=true]:focus {
   }
 }
 
+@media (max-width: 1023px) {
+  .usa-card { 
+    width: 100%;
+  }
+
+  .usa-card-orgs {
+    margin-left: -5%;
+  }
+}
+
 @media (min-width: 1024px) {
   .usa-logo a{
     font-size: 1.5em;
@@ -722,4 +803,8 @@ iframe:focus, [href]:focus, [tabindex]:focus, [contentEditable=true]:focus {
   .home-icon-container {
     height: 100px;
   }
+
+  .usa-card-group-orgs {
+    flex-direction: row;
+  }
 }
\ No newline at end of file
diff --git a/app/src/js/projects.js b/app/src/js/projects.js
index 428a8e8897..db2816ddef 100644
--- a/app/src/js/projects.js
+++ b/app/src/js/projects.js
@@ -12,13 +12,15 @@ const projects = setProjectsData(parsedProjectsData)
 const sortDirection = document.getElementById('sort-direction');
 const sortSelection = document.getElementById('sort-selection');
 
+
+const baseurl = DOMPurify.sanitize(siteData.baseurl);
 let currentPage = 1;
 const itemsPerPage = 10;
 let filteredProjects = [...parsedProjectsData];
 
 
 // Hide sort direction when sort is not selected
-document.getElementById("sort-direction-form").hidden = true;
+// document.getElementById("sort-direction-form").hidden = true;
 
 // Main Function to create project cards, filter buttons, and hide headings based on filters
 createProjectCards();
@@ -26,7 +28,7 @@ createProjectCards();
 // Listens for selection to sort by attribute
 sortSelection.addEventListener('change', () => {
   // Unhide sort direction once sort by is selected
-  document.getElementById("sort-direction-form").hidden = false;
+  // document.getElementById("sort-direction-form").hidden = false;
   sortCards();
 })
 
@@ -36,6 +38,52 @@ sortDirection.addEventListener('change', () => {
   sortCards(isDescending);
 })
 
+// Controls filter menus open/closed state
+document.addEventListener("DOMContentLoaded", () => {
+  function updateFilterMenuState() {
+    const filterButtons = document.querySelectorAll(".usa-accordion__button");
+    const isMobile = window.innerWidth < 768;
+
+    filterButtons.forEach((button) => {
+      const contentId = button.getAttribute("aria-controls");
+      const content = document.getElementById(contentId);
+      const icon = button.querySelector("svg use");
+
+      if(isMobile) {
+        button.setAttribute("aria-expanded", "false");
+        content.setAttribute("hidden", "true");
+        icon.setAttribute("href", `${baseurl}/assets/img/sprite.svg#expand_more`);
+      } else {
+        button.setAttribute("aria-expanded", "true");
+        content.removeAttribute("hidden");
+        icon.setAttribute("href", `${baseurl}/assets/img/sprite.svg#expand_less`);
+      }
+    });
+  }
+
+  updateFilterMenuState()
+
+  window.addEventListener("resize", updateFilterMenuState)
+
+  document.querySelectorAll(".usa-accordion__button").forEach((button) => {
+    button.addEventListener("click", () => {
+      const expanded = button.getAttribute("aria-expanded");
+      const content = document.getElementById(button.getAttribute("id"));
+      const icon = button.querySelector("svg use");
+      console.log("2", baseurl)
+      
+      if(expanded === 'false') {
+        content.removeAttribute("hidden");
+        icon.setAttribute("href", `${baseurl}/assets/img/sprite.svg#expand_less`);
+      } else {
+        content.setAttribute("hidden", "true");
+        icon.setAttribute("href", `${baseurl}/assets/img/sprite.svg#expand_more`);
+      }
+    });
+  });
+});
+
+
 // Keep filters after navigating back
 window.addEventListener('pageshow', (event) => {
   updateFilters();
@@ -183,7 +231,7 @@ function renderPaginationControls(totalProjectsCount) {
   if (currentPage === 1) prevButton.classList.add('usa-pagination__disabled');
   prevButton.innerHTML = `
     <svg class="usa-icon" aria-hidden="true" role="img">
-      <use xlink:href="/assets/img/sprite.svg#navigate_before"></use>
+      <use xlink:href="${baseurl}/assets/img/sprite.svg#navigate_before"></use>
     </svg>
     <span class="usa-pagination__link-text">Previous</span>
   `;
@@ -231,7 +279,7 @@ function renderPaginationControls(totalProjectsCount) {
   nextButton.innerHTML = `
     <span class="usa-pagination__link-text">Next</span>
     <svg class="usa-icon" aria-hidden="true" role="img">
-      <use xlink:href="/assets/img/sprite.svg#navigate_next"></use>
+      <use xlink:href="${baseurl}/assets/img/sprite.svg#navigate_next"></use>
     </svg>
   `;
   nextButton.addEventListener('click', () => {