From ee345ae6ffc1097fab858adacbf7c5908235261a Mon Sep 17 00:00:00 2001
From: david ornelas <davidornelas_11@hotmail.com>
Date: Fri, 10 Jan 2025 15:03:21 -0700
Subject: [PATCH] fix(app-webdir-ui): fix grid profile squishing on 50% layout

---
 .../src/WebDirectoryComponent/index.styles.js       | 13 +++++++++++++
 .../src/helpers/Filter/index.styles.js              |  2 +-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/app-webdir-ui/src/WebDirectoryComponent/index.styles.js b/packages/app-webdir-ui/src/WebDirectoryComponent/index.styles.js
index d05ce6df84..546da51653 100644
--- a/packages/app-webdir-ui/src/WebDirectoryComponent/index.styles.js
+++ b/packages/app-webdir-ui/src/WebDirectoryComponent/index.styles.js
@@ -11,6 +11,13 @@ const WebDirLayout = styled.div`
     "results results";
   grid-column-gap: 100px;
 
+  .uds-grid > .row {
+    gap: 1rem;
+    & > div {
+    flex: 0 0 282px;
+    }
+  }
+
   .sort {
     grid-area: sort;
   }
@@ -37,6 +44,12 @@ const WebDirLayout = styled.div`
 const FacultyRankLayout = styled.div`
   display: flex;
   flex-wrap: wrap;
+  .uds-grid > .row {
+    gap: 1rem;
+    & > div {
+    flex: 0 0 282px;
+    }
+  }
   .view-toggle {
     width: 100%;
     justify-content: flex-start;
diff --git a/packages/app-webdir-ui/src/helpers/Filter/index.styles.js b/packages/app-webdir-ui/src/helpers/Filter/index.styles.js
index 9344b59eaa..2a6f5bac45 100644
--- a/packages/app-webdir-ui/src/helpers/Filter/index.styles.js
+++ b/packages/app-webdir-ui/src/helpers/Filter/index.styles.js
@@ -1,7 +1,7 @@
 import styled from "styled-components";
 
 export const FilterContainer = styled.fieldset`
-  width: 100%;
+  width: 85%;
   margin: 0 0 2rem 0;
 
   .choices-wrapper {