diff --git a/src/frontend/src/apis/bom.api.ts b/src/frontend/src/apis/bom.api.ts
index 0930251cd9..215861dfb1 100644
--- a/src/frontend/src/apis/bom.api.ts
+++ b/src/frontend/src/apis/bom.api.ts
@@ -144,9 +144,13 @@ export const assignMaterialToAssembly = async (materialId: string, payload: { as
 };
 
 export const getAssembliesForWbsElement = async (wbsNum: WbsNumber) => {
-  return axios.get<Assembly[]>(apiUrls.bomGetAssembliesByWbsNum(wbsNum));
+  return axios.get<Assembly[]>(apiUrls.bomGetAssembliesByWbsNum(wbsNum), {
+    transformResponse: (data) => JSON.parse(data)
+  });
 };
 
 export const getMaterialsForWbsElement = async (wbsNum: WbsNumber) => {
-  return axios.get<Material[]>(apiUrls.bomGetMaterialsByWbsNum(wbsNum));
+  return axios.get<Material[]>(apiUrls.bomGetMaterialsByWbsNum(wbsNum), {
+    transformResponse: (data) => JSON.parse(data)
+  });
 };
diff --git a/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/BOM/BOMTable.tsx b/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/BOM/BOMTable.tsx
index fda3715149..d771a396e1 100644
--- a/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/BOM/BOMTable.tsx
+++ b/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/BOM/BOMTable.tsx
@@ -18,7 +18,7 @@ const BOMTable: React.FC<BOMTableProps> = ({ setHideColumn, columns, materials,
   const [openRows, setOpenRows] = useState<String[]>([]);
 
   const arrowSymbol = (rowId: string) => {
-    return openRows.includes(rowId) ? '⮝' : '⮟';
+    return openRows.includes(rowId) ? '▼' : '▶';
   };
 
   const noAssemblyMaterials = materials.filter((material) => !material.assembly);
@@ -49,9 +49,7 @@ const BOMTable: React.FC<BOMTableProps> = ({ setHideColumn, columns, materials,
       type: '',
       name: '',
       manufacturer: '',
-      manufacturerPN: `Assembly - ${assembly.name}: $${centsToDollar(
-        assembly.materials.reduce(addMaterialCosts, 0)
-      )}  ${arrowSymbol(assembly.assemblyId)}`,
+      manufacturerPN: `Assembly - ${assembly.name}: $${centsToDollar(assembly.materials.reduce(addMaterialCosts, 0))} ${arrowSymbol(assembly.assemblyId)}`,
       pdmFileName: '',
       quantity: '',
       price: '',
@@ -66,7 +64,7 @@ const BOMTable: React.FC<BOMTableProps> = ({ setHideColumn, columns, materials,
   return (
     <Box
       sx={{
-        height: 'calc(100vh - 180px)',
+        height: 'calc(100vh - 200px)',
         width: '100%',
         '& .super-app-theme--header': {
           backgroundColor: '#ef4345'
diff --git a/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/BOMTab.tsx b/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/BOMTab.tsx
index 52180c0de3..f3f050d982 100644
--- a/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/BOMTab.tsx
+++ b/src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/BOMTab.tsx
@@ -44,6 +44,7 @@ const BOMTab = ({ project }: { project: Project }) => {
 
   if (assembliesIsLoading || materialsIsLoading || !materials || !assemblies) return <LoadingIndicator />;
 
+  console.log(assemblies);
   const totalCost = materials.reduce(addMaterialCosts, 0);
 
   return (
@@ -55,7 +56,7 @@ const BOMTab = ({ project }: { project: Project }) => {
         assemblies={assemblies}
       />
       <CreateAssemblyModal open={showAddAssembly} onHide={() => setShowAddAssembly(false)} wbsElement={project} />
-      <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', height: 'calc(100vh - 220px)' }}>
+      <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between' }}>
         <BOMTableWrapper
           project={project}
           materials={materials}
@@ -64,7 +65,7 @@ const BOMTab = ({ project }: { project: Project }) => {
           setHideColumn={setHideColumn}
         />
         <Box justifyContent="space-between" display="flex" flexDirection="row">
-          <Box display="flex" gap="20px">
+          <Box display="flex" gap="20px" mb={1}>
             <NERSuccessButton
               variant="contained"
               onClick={() => setShowAddMaterial(true)}
diff --git a/src/frontend/src/utils/urls.ts b/src/frontend/src/utils/urls.ts
index 19e0b1d0aa..3a34691cba 100644
--- a/src/frontend/src/utils/urls.ts
+++ b/src/frontend/src/utils/urls.ts
@@ -144,7 +144,7 @@ const financeLeadershipApprove = (id: string) => `${financeEndpoints()}/${id}/le
 const bomEndpoints = () => `${API_URL}/projects/bom`;
 const materialEndpoints = () => `${bomEndpoints()}/material`;
 const assemblyEndpoints = () => `${bomEndpoints()}/assembly`;
-const bomGetMaterialsByWbsNum = (wbsNum: WbsNumber) => `${materialEndpoints}/${wbsPipe(wbsNum)}`;
+const bomGetMaterialsByWbsNum = (wbsNum: WbsNumber) => `${bomEndpoints()}/${wbsPipe(wbsNum)}/materials`;
 const bomGetAllUnits = () => `${bomEndpoints()}/units`;
 const bomGetAllMaterialTypes = () => `${bomEndpoints()}/material-type`;
 const bomGetAllManufacturers = () => `${bomEndpoints()}/manufacturer`;