diff --git a/frontend/src/components/LayoutObject.tsx b/frontend/src/components/LayoutObject.tsx
index b5b4e315..a65580ac 100644
--- a/frontend/src/components/LayoutObject.tsx
+++ b/frontend/src/components/LayoutObject.tsx
@@ -24,8 +24,7 @@ export const LayoutComponent: FC<LayoutComponentProps> = (props) => {
       setSelectedOption(null);
     } else {
       setSelectedOption(option);
-      props.onChange(option)
-      
+      props.onChange(option);
     }
   };
   const handleTextChange = (event: ChangeEvent<HTMLInputElement>) => {
diff --git a/frontend/src/components/MediaObject.tsx b/frontend/src/components/MediaObject.tsx
index 0aba0faf..6d609468 100644
--- a/frontend/src/components/MediaObject.tsx
+++ b/frontend/src/components/MediaObject.tsx
@@ -26,7 +26,7 @@ export const MediaComponent: FC<MediaComponentProps> = (props) => {
       setSelectedOption(null);
     } else {
       setSelectedOption(option);
-      props.onChange(option)
+      props.onChange(option);
       props.value = option;
     }
   };
diff --git a/frontend/src/components/ModelObject.tsx b/frontend/src/components/ModelObject.tsx
index 3edcbeba..2afafdc4 100644
--- a/frontend/src/components/ModelObject.tsx
+++ b/frontend/src/components/ModelObject.tsx
@@ -4,7 +4,6 @@ import {
   Checkbox,
   FormGroup,
   FormControlLabel,
-  Button,
   RadioGroup,
   Radio,
   FormLabel,
@@ -21,7 +20,7 @@ interface ModelComponentProps {
   onChange: (arg0: MetabolicModel) => void;
 }
 
-const defaultParams: MetabolicModel['params'] = {
+const defaultParams: MetabolicModel["params"] = {
   demographicNoise: false,
   demographicNoiseAmplitude: 0,
   uptakeVMax: 0,
@@ -33,20 +32,21 @@ const defaultParams: MetabolicModel['params'] = {
 
 export const ModelComponent: FC<ModelComponentProps> = (props) => {
   const [selectedOption, setSelectedOption] = useState<MetabolicModel | null>();
-  const [modelParams, setModelParams] = useState<MetabolicModel['params']>(defaultParams);
+  const [modelParams, setModelParams] =
+    useState<MetabolicModel["params"]>(defaultParams);
   const [textfieldError, setTextfieldError] = useState(false);
   const handleCheckboxChange = (option: MetabolicModel) => {
     if (selectedOption === option) {
       setSelectedOption(null);
     } else {
       setSelectedOption(option);
-      props.onChange(option)
+      props.onChange(option);
     }
   };
   const handleTextChange = (field: string, value: string) => {
     if (/^\d*$/.test(value)) {
       setModelParams({ ...modelParams, [field]: parseInt(value) });
-      props.value.params = { ...modelParams, [field]: parseInt(value) }
+      props.value.params = { ...modelParams, [field]: parseInt(value) };
       setTextfieldError(false);
     } else {
       setTextfieldError(true);
diff --git a/frontend/src/components/SidebarObject.tsx b/frontend/src/components/SidebarObject.tsx
index 7f0523dc..81457466 100644
--- a/frontend/src/components/SidebarObject.tsx
+++ b/frontend/src/components/SidebarObject.tsx
@@ -6,67 +6,69 @@ import {
   List,
   ListItemText,
   Typography,
-  Button
 } from "@mui/material";
-import { FC, useState, ChangeEvent } from "react";
+import { FC } from "react";
 import { SummaryCard } from "../types/ExperimentTypes";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 export interface SidebarcardProps {
-  item: SummaryCard
+  item: SummaryCard;
   key: number;
 }
 
 const textPairing: { [key: string]: string } = {
-  "mediaVolume": "Media Volume(ml)",
-  "mediaConcentration": "Media Concentration(mmol/cm3)",
-  "demographicNoise": "Demographic Noise",
-  "demographicNoiseAmplitude": "Demographic Noise Amplitude",
-  "uptakeVMax": "Uptake Vmax",
-  "uptakeKm": "Uptake Km",
-  "deathRate": "Death Rate",
-  "biomassLinearDiffusivity": "Biomass Linear Diffusivity",
-  "biomassNonlinearDiffusivity": "Biomass Non-Linear Diffusivity",
-  "simulatedTime": "Simulated Time",
-  "timeSteps": "Time Steps",
-  "nutrientDiffusivity": "Nutrient Diffusivity",
-  "logFrequency": "Log Frequency"
-}
-
+  mediaVolume: "Media Volume(ml)",
+  mediaConcentration: "Media Concentration(mmol/cm3)",
+  demographicNoise: "Demographic Noise",
+  demographicNoiseAmplitude: "Demographic Noise Amplitude",
+  uptakeVMax: "Uptake Vmax",
+  uptakeKm: "Uptake Km",
+  deathRate: "Death Rate",
+  biomassLinearDiffusivity: "Biomass Linear Diffusivity",
+  biomassNonlinearDiffusivity: "Biomass Non-Linear Diffusivity",
+  simulatedTime: "Simulated Time",
+  timeSteps: "Time Steps",
+  nutrientDiffusivity: "Nutrient Diffusivity",
+  logFrequency: "Log Frequency",
+};
 
 export const SidebarCard: FC<SidebarcardProps> = (props) => {
   return (
-    <Box sx={{ width: "95%", marginLeft: 1, paddingBottom:'0.5vh' }} key={props.key}>
-  
-        <Accordion>
+    <Box
+      sx={{ width: "95%", marginLeft: 1, paddingBottom: "0.5vh" }}
+      key={props.key}
+    >
+      <Accordion>
         <AccordionSummary
           expandIcon={<ExpandMoreIcon />}
           aria-controls="panel1-content"
           id="panel1-header"
         >
           <Typography variant="h6">{props.item.label}</Typography>
-          
         </AccordionSummary>
         <AccordionDetails>
           <List>
             <ListItemText>
-              {
-                Object.keys(props.item.info.params).map(key => {
-                  let ret;
-                  if(typeof(props.item.info.params[key]) === 'boolean'){
-                    ret = <Typography textAlign={'left'} textOverflow={'wrap'}>{textPairing[key]}: {String(props.item.info.params[key])}</Typography>
-                  }else{
-                    ret = <Typography textAlign={'left'} textOverflow={'wrap'}>{textPairing[key]}: {props.item.info.params[key]}</Typography>
-                  }
-                  return(
-                    ret
-                  )
-                })
-              }
+              {Object.keys(props.item.info.params).map((key) => {
+                let ret;
+                if (typeof props.item.info.params[key] === "boolean") {
+                  ret = (
+                    <Typography textAlign={"left"} textOverflow={"wrap"}>
+                      {textPairing[key]}: {String(props.item.info.params[key])}
+                    </Typography>
+                  );
+                } else {
+                  ret = (
+                    <Typography textAlign={"left"} textOverflow={"wrap"}>
+                      {textPairing[key]}: {props.item.info.params[key]}
+                    </Typography>
+                  );
+                }
+                return ret;
+              })}
             </ListItemText>
           </List>
         </AccordionDetails>
       </Accordion>
-          
     </Box>
   );
 };
diff --git a/frontend/src/pages/Dashboard.tsx b/frontend/src/pages/Dashboard.tsx
index cf4cdad5..5c6ab75d 100644
--- a/frontend/src/pages/Dashboard.tsx
+++ b/frontend/src/pages/Dashboard.tsx
@@ -100,8 +100,7 @@ export function DashboardPage() {
           </Typography>
         </Grid>
 
-        <Grid item flexDirection={'column'}>
-          
+        <Grid item flexDirection={"column"}>
           <Typography
             variant="h4"
             sx={{
@@ -115,20 +114,19 @@ export function DashboardPage() {
           >
             To start your layout, click continue.
           </Typography>
-          
-            <NavLink to="/experimentSetup">
-              <Button
-                variant="contained"
-                endIcon={<ChevronRightIcon />}
-                sx={{
-                  height: "7.5vh",
-                  width: "25vw"
-                }}
-              >
-                <Typography variant="h5">CONTINUE TO LAYOUT BUILDER</Typography>
-              </Button>
-            </NavLink>
-          
+
+          <NavLink to="/experimentSetup">
+            <Button
+              variant="contained"
+              endIcon={<ChevronRightIcon />}
+              sx={{
+                height: "7.5vh",
+                width: "25vw",
+              }}
+            >
+              <Typography variant="h5">CONTINUE TO LAYOUT BUILDER</Typography>
+            </Button>
+          </NavLink>
         </Grid>
       </Grid>
     </Box>
diff --git a/frontend/src/pages/ExperimentSetup.tsx b/frontend/src/pages/ExperimentSetup.tsx
index 7532f8ca..07ea1657 100644
--- a/frontend/src/pages/ExperimentSetup.tsx
+++ b/frontend/src/pages/ExperimentSetup.tsx
@@ -14,10 +14,17 @@ import React, { useState } from "react";
 import { MediaComponent } from "../components/MediaObject";
 import { LayoutComponent } from "../components/LayoutObject";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import DeleteIcon from '@mui/icons-material/Delete';
+import DeleteIcon from "@mui/icons-material/Delete";
 import { ModelComponent } from "../components/ModelObject";
 import { SidebarCard } from "../components/SidebarObject";
-import { MetabolicModel, Layout, Media, SummaryCard, GlobalParameters, cometsType } from "../types/ExperimentTypes";
+import {
+  MetabolicModel,
+  Layout,
+  Media,
+  SummaryCard,
+  GlobalParameters,
+  cometsType,
+} from "../types/ExperimentTypes";
 
 const mediaOptions: Media[] = [
   {
@@ -26,9 +33,9 @@ const mediaOptions: Media[] = [
     mainMetabolites: "Glucose",
     min: 1,
     max: 3,
-    params:{
-      mediaConcentration: 0
-    }
+    params: {
+      mediaConcentration: 0,
+    },
   },
   {
     name: "Core Acetate",
@@ -36,9 +43,9 @@ const mediaOptions: Media[] = [
     mainMetabolites: "Acetate",
     min: 1,
     max: 3,
-    params:{
-      mediaConcentration: 0
-    }
+    params: {
+      mediaConcentration: 0,
+    },
   },
   {
     name: "M9 Minimal Glucose",
@@ -46,9 +53,9 @@ const mediaOptions: Media[] = [
     mainMetabolites: "Glucose",
     min: 1,
     max: 3,
-    params:{
-      mediaConcentration: 0
-    }
+    params: {
+      mediaConcentration: 0,
+    },
   },
   {
     name: "M9 Minimal Acetate",
@@ -56,9 +63,9 @@ const mediaOptions: Media[] = [
     mainMetabolites: "Acetate",
     min: 1,
     max: 3,
-    params:{
-      mediaConcentration: 0
-    }
+    params: {
+      mediaConcentration: 0,
+    },
   },
   {
     name: "LB Rich",
@@ -66,9 +73,9 @@ const mediaOptions: Media[] = [
     mainMetabolites: "Acetate",
     min: 1,
     max: 3,
-    params:{
-      mediaConcentration: 0
-    }
+    params: {
+      mediaConcentration: 0,
+    },
   },
 ];
 
@@ -79,8 +86,8 @@ const layoutOptions: Layout[] = [
     min: 1,
     max: 12,
     params: {
-      mediaVolume: 0
-    }
+      mediaVolume: 0,
+    },
   },
   {
     name: "9 cm Petri Dish (Random Lawn)",
@@ -88,8 +95,8 @@ const layoutOptions: Layout[] = [
     min: 1,
     max: 50,
     params: {
-      mediaVolume: 0
-    }
+      mediaVolume: 0,
+    },
   },
   {
     name: "10 ml Test Tube",
@@ -97,8 +104,8 @@ const layoutOptions: Layout[] = [
     min: 1,
     max: 50,
     params: {
-      mediaVolume: 0
-    }
+      mediaVolume: 0,
+    },
   },
   {
     name: "EcoFab",
@@ -106,8 +113,8 @@ const layoutOptions: Layout[] = [
     min: 1,
     max: 50,
     params: {
-      mediaVolume: 0
-    }
+      mediaVolume: 0,
+    },
   },
 ];
 
@@ -122,7 +129,7 @@ const modelOptions: MetabolicModel[] = [
       uptakeKm: 0,
       deathRate: 0,
       biomassLinearDiffusivity: 0,
-      biomassNonlinearDiffusivity: 0
+      biomassNonlinearDiffusivity: 0,
     },
   },
   {
@@ -135,7 +142,7 @@ const modelOptions: MetabolicModel[] = [
       uptakeKm: 0,
       deathRate: 0,
       biomassLinearDiffusivity: 0,
-      biomassNonlinearDiffusivity: 0
+      biomassNonlinearDiffusivity: 0,
     },
   },
   {
@@ -148,7 +155,7 @@ const modelOptions: MetabolicModel[] = [
       uptakeKm: 0,
       deathRate: 0,
       biomassLinearDiffusivity: 0,
-      biomassNonlinearDiffusivity: 0
+      biomassNonlinearDiffusivity: 0,
     },
   },
 ];
@@ -170,11 +177,13 @@ export function ExperimentSetupPage() {
       simulatedTime: 0,
       timeSteps: 0,
       nutrientDiffusivity: 0,
-      logFrequency: 0
-    }
+      logFrequency: 0,
+    },
   });
   const [sidebarItems, setSidebarItems] = useState<SummaryCard[]>([]);
-  const [modelChoice, setModelChoice] = useState<MetabolicModel>(modelOptions[0]);
+  const [modelChoice, setModelChoice] = useState<MetabolicModel>(
+    modelOptions[0],
+  );
   const [layoutChoice, setLayoutChoice] = useState<Layout>(layoutOptions[0]);
   const [mediaChoice, setMediaChoice] = useState<Media>(mediaOptions[0]);
   const [textfieldError, setTextfieldError] = useState(false);
@@ -187,21 +196,20 @@ export function ExperimentSetupPage() {
   const handleDelete = (index: number) => {
     // Create a copy of the sidebarItems array
     const updatedSidebarItems = [...sidebarItems];
-    switch ((updatedSidebarItems[index].type)){
+    switch (updatedSidebarItems[index].type) {
       case "MetabolicModel":
-        setNumOfModel(prevCount => prevCount - 1);
-        if(numOfModel <= 0){
-          setNumOfModel(0)
-          setIsModelPicked(false)
+        setNumOfModel((prevCount) => prevCount - 1);
+        if (numOfModel <= 0) {
+          setNumOfModel(0);
+          setIsModelPicked(false);
+          console.log(isModelPicked)
         }
-        console.log(numOfModel)
         break;
       case "Media":
-        setIsMediaPicked(true);
+        setIsMediaPicked(false);
         break;
       case "Layout":
-        setIsLayoutPicked(true);
-        
+        setIsLayoutPicked(false);
     }
     // Remove the item at the specified index
     updatedSidebarItems.splice(index, 1);
@@ -209,17 +217,16 @@ export function ExperimentSetupPage() {
     setSidebarItems(updatedSidebarItems);
   };
 
-
   const handleTextChange = (field: string, value: string) => {
     if (/^\d*$/.test(value)) {
       const updatedParams = {
         name: "Global Parameters",
         desc: "Desc of global parameters",
         params: {
-          ...globalParams['params'],
-          [field]: parseInt(value)
-        }
-      }
+          ...globalParams["params"],
+          [field]: parseInt(value),
+        },
+      };
       setGlobalParams(updatedParams);
       setTextfieldError(false);
     } else {
@@ -237,26 +244,27 @@ export function ExperimentSetupPage() {
       }
     };
 
-  const handleSubmit = (item: MetabolicModel | Media | Layout | GlobalParameters) => {
-    if (item === null){
-      return
+  const handleSubmit = (
+    item: MetabolicModel | Media | Layout | GlobalParameters,
+  ) => {
+    if (item === null) {
+      return;
     }
     // make a shallow copy to pass by value
-    const i = {...item};
-    const sidebarItem: SummaryCard = 
-      {
-        "label": i.name,
-        "desc": i.desc,
-        "info": i,
-        "type": cometsType(item)
-      }
-    
-    setSidebarItems([...sidebarItems, sidebarItem])
-    switch (cometsType(item)){
+    const i = { ...item };
+    const sidebarItem: SummaryCard = {
+      label: i.name,
+      desc: i.desc,
+      info: i,
+      type: cometsType(item),
+    };
+
+    setSidebarItems([...sidebarItems, sidebarItem]);
+    switch (cometsType(item)) {
       case "MetabolicModel":
-        setNumOfModel(prevCount => prevCount + 1)
-        if(numOfModel > 0 && numOfModel >= maxModel){
-          setIsModelPicked(true)
+        setNumOfModel((prevCount) => prevCount + 1);
+        if (numOfModel > 0 && numOfModel >= maxModel) {
+          setIsModelPicked(true);
         }
         break;
       case "Media":
@@ -292,7 +300,11 @@ export function ExperimentSetupPage() {
 
       <Grid container spacing={2} sx={{ width: "80%" }}>
         <Grid item xs={6}>
-          <Accordion>
+          <Accordion
+            expanded={layoutExpanded === "layoutPanel"}
+            onChange={handleAccordionChange("layoutPanel")}
+            sx={{ marginTop: 1 }}
+          >
             <AccordionSummary
               expandIcon={<ExpandMoreIcon />}
               aria-controls="layoutPanelbh-content"
@@ -310,12 +322,13 @@ export function ExperimentSetupPage() {
               />
             </AccordionDetails>
             <Button
-                sx={{ margin: 2, width:'90%' }}
-                variant="outlined"
-                onClick={() => handleSubmit(layoutChoice)}
-              >
-                ADD LAYOUT
-              </Button>
+              sx={{ margin: 2, width: "90%" }}
+              variant="outlined"
+              onClick={() => handleSubmit(layoutChoice)}
+              disabled={isLayoutPicked}
+            >
+              ADD LAYOUT
+            </Button>
           </Accordion>
 
           <Accordion
@@ -333,19 +346,20 @@ export function ExperimentSetupPage() {
               <Divider variant="fullWidth" />
             </AccordionSummary>
             <AccordionDetails>
-              <MediaComponent 
-                mediaOptions={mediaOptions} 
+              <MediaComponent
+                mediaOptions={mediaOptions}
                 value={mediaChoice}
                 onChange={setMediaChoice}
-               />
+              />
             </AccordionDetails>
             <Button
-                sx={{ margin: 2, width:'90%' }}
-                variant="outlined"
-                onClick={() => handleSubmit(mediaChoice)}
-              >
-                ADD MEDIA
-              </Button>
+              sx={{ margin: 2, width: "90%" }}
+              variant="outlined"
+              onClick={() => handleSubmit(mediaChoice)}
+              disabled={isMediaPicked}
+            >
+              ADD MEDIA
+            </Button>
           </Accordion>
 
           <Accordion
@@ -371,13 +385,13 @@ export function ExperimentSetupPage() {
               />
             </AccordionDetails>
             <Button
-                sx={{ margin: 2, width:'90%' }}
-                variant="outlined"
-                onClick={() => handleSubmit(modelChoice)}
-                disabled={numOfModel >= maxModel}
-              >
-                ADD MODEL
-              </Button>
+              sx={{ margin: 2, width: "90%" }}
+              variant="outlined"
+              onClick={() => handleSubmit(modelChoice)}
+              disabled={numOfModel >= maxModel}
+            >
+              ADD MODEL
+            </Button>
           </Accordion>
         </Grid>
         <Grid item xs={6}>
@@ -396,7 +410,7 @@ export function ExperimentSetupPage() {
               variant="filled"
               type="number"
               fullWidth
-              value={(globalParams.params.simulatedTime)}
+              value={globalParams.params.simulatedTime}
               onChange={(event) =>
                 handleTextChange("simulatedTime", event.target.value)
               }
@@ -422,7 +436,7 @@ export function ExperimentSetupPage() {
               variant="filled"
               type="number"
               fullWidth
-              value={(globalParams.params.timeSteps)}
+              value={globalParams.params.timeSteps}
               onChange={(event) =>
                 handleTextChange("timeSteps", event.target.value)
               }
@@ -448,7 +462,7 @@ export function ExperimentSetupPage() {
               variant="filled"
               type="number"
               fullWidth
-              value={(globalParams.params.nutrientDiffusivity)}
+              value={globalParams.params.nutrientDiffusivity}
               onChange={(event) =>
                 handleTextChange("nutrientDiffusivity", event.target.value)
               }
@@ -474,7 +488,7 @@ export function ExperimentSetupPage() {
               variant="filled"
               type="number"
               fullWidth
-              value={(globalParams.params.logFrequency)}
+              value={globalParams.params.logFrequency}
               onChange={(event) =>
                 handleTextChange("logFrequency", event.target.value)
               }
@@ -486,14 +500,13 @@ export function ExperimentSetupPage() {
             />
           </Box>
           <Button
-            sx={{ margin: 2, maxWidth:'80%', paddingLeft:'2%' }}
+            sx={{ margin: 2, maxWidth: "80%", paddingLeft: "2%" }}
             variant="outlined"
             onClick={() => handleSubmit(globalParams)}
           >
             ADD GLOBAL PARAMETERS
           </Button>
         </Grid>
-        
       </Grid>
       {/* Cart drawer on the right */}
       <Drawer
@@ -512,13 +525,22 @@ export function ExperimentSetupPage() {
         >
           Modal Selection
         </Typography>
-        <Box sx={{ width: "100%"}}>
-          {sidebarItems.map((item, index) => 
-          <Box display={'flex'} flexDirection={'row'} sx={{paddingRight:'0.5vw'}} >
-            <Button variant={'text'} startIcon={<DeleteIcon />} sx={{width:'10%'}} onClick={() => handleDelete(index)}/>
-            <SidebarCard item={item} key={index}/>
-          </Box>
-          )}
+        <Box sx={{ width: "100%" }}>
+          {sidebarItems.map((item, index) => (
+            <Box
+              display={"flex"}
+              flexDirection={"row"}
+              sx={{ paddingRight: "0.5vw" }}
+            >
+              <Button
+                variant={"text"}
+                startIcon={<DeleteIcon />}
+                sx={{ width: "10%" }}
+                onClick={() => handleDelete(index)}
+              />
+              <SidebarCard item={item} key={index} />
+            </Box>
+          ))}
         </Box>
       </Drawer>
     </Box>
diff --git a/frontend/src/pages/Landing.tsx b/frontend/src/pages/Landing.tsx
index 5b12dcb6..bf6d5a2d 100644
--- a/frontend/src/pages/Landing.tsx
+++ b/frontend/src/pages/Landing.tsx
@@ -138,32 +138,32 @@ export function LandingPage() {
                 }}
               >
                 <NavLink to="https://www.runcomets.org/about" target="_blank">
-                <Button
-                  variant="contained"
-                  sx={{
-                    borderRadius: "20px",
-                    backgroundColor: "white",
-                    color: "primary.main",
-                    border: "none",
-                    height: "10vh",
-                    width: "18vw",
-                    textTransform: "none",
-                    "&:hover": {
-                      backgroundColor: "white",
-                    },
-                  }}
-                >
-                  <Typography
+                  <Button
+                    variant="contained"
                     sx={{
-                      fontFamily: "Work Sans",
-                      fontWeight: 600,
-                      fontSize: "16px",
-                      color: "black",
+                      borderRadius: "20px",
+                      backgroundColor: "white",
+                      color: "primary.main",
+                      border: "none",
+                      height: "10vh",
+                      width: "18vw",
+                      textTransform: "none",
+                      "&:hover": {
+                        backgroundColor: "white",
+                      },
                     }}
                   >
-                    About COMETS
-                  </Typography>
-                </Button>
+                    <Typography
+                      sx={{
+                        fontFamily: "Work Sans",
+                        fontWeight: 600,
+                        fontSize: "16px",
+                        color: "black",
+                      }}
+                    >
+                      About COMETS
+                    </Typography>
+                  </Button>
                 </NavLink>
                 <NavLink to="/dashboard">
                   <Button
diff --git a/frontend/src/types/ExperimentTypes.tsx b/frontend/src/types/ExperimentTypes.tsx
index 54ccbda7..5bbf483e 100644
--- a/frontend/src/types/ExperimentTypes.tsx
+++ b/frontend/src/types/ExperimentTypes.tsx
@@ -1,86 +1,90 @@
 export type MetabolicModel = {
-    name: string;
-    desc: string;
-    params: {
-      [key: string]: boolean | number;
-      demographicNoise: boolean;
-      demographicNoiseAmplitude: number;
-      uptakeVMax: number;
-      uptakeKm: number;
-      deathRate: number;
-      biomassLinearDiffusivity: number;
-      biomassNonlinearDiffusivity: number;
-    };
+  name: string;
+  desc: string;
+  params: {
+    [key: string]: boolean | number;
+    demographicNoise: boolean;
+    demographicNoiseAmplitude: number;
+    uptakeVMax: number;
+    uptakeKm: number;
+    deathRate: number;
+    biomassLinearDiffusivity: number;
+    biomassNonlinearDiffusivity: number;
+  };
 };
-  
+
 export type Media = {
-    name: string;
-    desc: string;
-    min: number;
-    max: number;
-    mainMetabolites: string; //this is to check if its acetate or glucose or something else
-    params: {
-        [key: string]: number;
-        mediaConcentration: number;
-    }
+  name: string;
+  desc: string;
+  min: number;
+  max: number;
+  mainMetabolites: string; //this is to check if its acetate or glucose or something else
+  params: {
+    [key: string]: number;
+    mediaConcentration: number;
+  };
 };
 
 export type Layout = {
-    name: string;
-    desc: string;
-    min: number;
-    max: number;
-    params: {
-      [key: string]: number;
-      mediaVolume: number;
-    }    
+  name: string;
+  desc: string;
+  min: number;
+  max: number;
+  params: {
+    [key: string]: number;
+    mediaVolume: number;
+  };
 };
 
 export type SummaryCard = {
-    label: string;
-    desc: string;
-    info: MetabolicModel | Layout | Media | GlobalParameters;
-    type: string;
-}
+  label: string;
+  desc: string;
+  info: MetabolicModel | Layout | Media | GlobalParameters;
+  type: string;
+};
 
 export type GlobalParameters = {
-    name: string;
-    desc: string;
-    params:{
-        [key: string]: number;
-        simulatedTime: number;
-        timeSteps: number;
-        nutrientDiffusivity: number;
-        logFrequency: number;
-    }
-}
+  name: string;
+  desc: string;
+  params: {
+    [key: string]: number;
+    simulatedTime: number;
+    timeSteps: number;
+    nutrientDiffusivity: number;
+    logFrequency: number;
+  };
+};
 
 export interface SummaryCardArray extends Array<SummaryCard> {
-    push(item: SummaryCard): number;
-    push(...item: SummaryCard[]): number;
+  push(item: SummaryCard): number;
+  push(...item: SummaryCard[]): number;
 }
 
-
-export function cometsType(obj: any): string{
-    if(metabolicModels.includes(obj.name)){
-        return "MetabolicModel"
-    }else if(media.includes(obj.name)){
-        return "Media"
-    }else if(layout.includes(obj.name)){
-        return "Layout"
-    }else{
-        return typeof(obj)
-    }
+export function cometsType(obj: MetabolicModel | Media | Layout | GlobalParameters): string {
+  if (metabolicModels.includes(obj.name)) {
+    return "MetabolicModel";
+  } else if (media.includes(obj.name)) {
+    return "Media";
+  } else if (layout.includes(obj.name)) {
+    return "Layout";
+  } else {
+    return typeof obj;
+  }
 }
 
-
-
 // Private Helper Functions and consts
 
 const metabolicModels = ["E. Coli Core", "E. Coli", "S. Enterica"];
-const layout = ["9 cm Petri Dish (Center Colony)", "9 cm Petri Dish (Random Lawn)", "10 ml Test Tube", "EcoFab"];
-const media = ["Core Glucose", "Core Acetate", "M9 Minimal Glucose", "M9 Minimal Acetate", "LB Rich"]
-
-
-
-    
\ No newline at end of file
+const layout = [
+  "9 cm Petri Dish (Center Colony)",
+  "9 cm Petri Dish (Random Lawn)",
+  "10 ml Test Tube",
+  "EcoFab",
+];
+const media = [
+  "Core Glucose",
+  "Core Acetate",
+  "M9 Minimal Glucose",
+  "M9 Minimal Acetate",
+  "LB Rich",
+];
diff --git a/frontend/src/types/Layout.tsx b/frontend/src/types/Layout.tsx
index da8c3a26..4ed2afa7 100644
--- a/frontend/src/types/Layout.tsx
+++ b/frontend/src/types/Layout.tsx
@@ -6,6 +6,5 @@ export type Layout = {
   params: {
     [key: string]: number;
     mediaVolume: number;
-  }
-  
+  };
 };
diff --git a/frontend/src/types/Media.tsx b/frontend/src/types/Media.tsx
index 9ed6b818..d2908345 100644
--- a/frontend/src/types/Media.tsx
+++ b/frontend/src/types/Media.tsx
@@ -7,6 +7,5 @@ export type Media = {
   params: {
     [key: string]: number;
     mediaConcentration: number;
-  }
-  
+  };
 };
diff --git a/frontend/src/types/Model.tsx b/frontend/src/types/Model.tsx
index 54e6f816..93206947 100644
--- a/frontend/src/types/Model.tsx
+++ b/frontend/src/types/Model.tsx
@@ -12,5 +12,3 @@ export type MetabolicModel = {
     biomassNonlinearDiffusivity: number;
   };
 };
-
-
diff --git a/frontend/src/types/SummaryCard.tsx b/frontend/src/types/SummaryCard.tsx
index 9f912f56..2db5e082 100644
--- a/frontend/src/types/SummaryCard.tsx
+++ b/frontend/src/types/SummaryCard.tsx
@@ -1,15 +1,14 @@
-
 import { MetabolicModel } from "./Model";
 import { Layout } from "./Layout";
 import { Media } from "./Media";
 
 export type SummaryCard = {
-    label: string;
-    desc: string;
-    info: MetabolicModel | Layout | Media
-}
+  label: string;
+  desc: string;
+  info: MetabolicModel | Layout | Media;
+};
 
 export interface SummaryCardArray extends Array<SummaryCard> {
-    push(item: SummaryCard): number;
-    push(...item: SummaryCard[]): number;
-}
\ No newline at end of file
+  push(item: SummaryCard): number;
+  push(...item: SummaryCard[]): number;
+}