diff --git a/src/components/Dashboard/EditBulkTerms/EditBulkTermsDialog.jsx b/src/components/Dashboard/EditBulkTerms/EditBulkTermsDialog.jsx
index 47eeeb14..4fc33571 100644
--- a/src/components/Dashboard/EditBulkTerms/EditBulkTermsDialog.jsx
+++ b/src/components/Dashboard/EditBulkTerms/EditBulkTermsDialog.jsx
@@ -87,6 +87,11 @@ const EditBulkTermsDialog = ({ open, handleClose, activeStep, setActiveStep }) =
           isAllFieldsFilled={isAllFieldsFilled(searchConditions)}
         />
       }
+      sx={{
+        '& .MuiDialogContent-root': {
+          padding: 0
+        }
+      }}
     >
       <>
         {
diff --git a/src/components/Dashboard/EditBulkTerms/SearchTerms.jsx b/src/components/Dashboard/EditBulkTerms/SearchTerms.jsx
index d63e13af..5b069152 100644
--- a/src/components/Dashboard/EditBulkTerms/SearchTerms.jsx
+++ b/src/components/Dashboard/EditBulkTerms/SearchTerms.jsx
@@ -1,16 +1,54 @@
 import PropTypes from "prop-types";
+import { useState } from "react";
+import {
+  Button,
+  Grid,
+  Typography,
+  Box,
+  ToggleButton,
+  ToggleButtonGroup,
+  Divider,
+  Stack,
+  FormControlLabel,
+  RadioGroup
+} from "@mui/material";
 import DropDownConditions from "./DropDownConditions";
 import CustomizedInput from "../../common/CustomizedInput";
 import AddOutlinedIcon from "@mui/icons-material/AddOutlined";
 import CustomSingleSelect from "../../common/CustomSingleSelect";
 import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
 import SearchTermsData from "../../../static/SearchTermsData.json";
-import {Button, Grid, Typography, Box, ToggleButton, ToggleButtonGroup} from "@mui/material";
-
+import CustomizedRadio from "../../common/CustomizedRadio";
+import OntologySearch from "../../SingleTermView/OntologySearch";
 import { vars } from "../../../theme/variables";
-const { gray800 } = vars;
 
-const SearchTerms = ({searchConditions, setSearchConditions, initialSearchConditions}) => {
+const { gray800, gray700 } = vars;
+
+const Confirmation = {
+  Yes: "Yes",
+  No: "No"
+}
+
+const styles = {
+  title: {
+    color: gray800,
+    fontWeight: 600
+  },
+  subtitle: {
+    color: gray800,
+    fontWeight: 500
+  },
+  radioLabel: {
+    "& .MuiFormControlLabel-label": {
+      color: gray700, 
+      fontWeight: 500
+    }
+  },
+}
+
+const SearchTerms = ({ searchConditions, setSearchConditions, initialSearchConditions }) => {
+  const [ontologyEditOption, setOntologyEditOption] = useState(Confirmation.No);
+
   const handleTermChange = (index, field, value) => {
     const newTerms = [...searchConditions];
     newTerms[index][field] = value;
@@ -37,102 +75,149 @@ const SearchTerms = ({searchConditions, setSearchConditions, initialSearchCondit
     setSearchConditions([initialSearchConditions]);
   };
 
+  const handleOntologyEditOptionChange = (event) => {
+    setOntologyEditOption((event.target).value);
+  }
+
   const updatedColumnsArray = SearchTermsData.termsColumns.map(item => ({
     ...item,
     value: item.id
   }));
 
   return (
-    <Box>
-      <Typography color={gray800} fontSize='1.125rem' fontWeight={600} mb='2.75rem'>
+    <Box sx={{ mt: 4.5 }}>
+      <Typography sx={{ ...styles.title, fontSize: "1.125rem", mb: 4, ml: 6.5 }}>
         Search terms, selecting their attributes and values.
       </Typography>
-      {searchConditions.map((term, index) => (
-        <Grid container spacing='1.75rem' mb='2rem' key={index} alignItems='end'>
-          <Grid item xs={12} lg={1}>
-            {index === 0 ? (
-              <Box height='2.5rem' display='flex' alignItems='center'>
-                <Typography color={gray800} fontSize='.875rem' fontWeight={600}>
-                  Where
-                </Typography>
-              </Box>
-            ) : (
-              <ToggleButtonGroup
-                value={term.condition}
-                exclusive
-                onChange={(event, value) => handleConditionChange(event, value, index)}
-                sx={{
-                  height: '2.5rem',
-                }}
-              >
-                <ToggleButton value={'and'}>
-                  And
-                </ToggleButton>
-                <ToggleButton value={'or'}>
-                  Or
-                </ToggleButton>
-              </ToggleButtonGroup>
+
+      <Divider />
+
+      <Box sx={{ 
+        display: "flex", 
+        flexDirection: "column", 
+        mt: 4, 
+        mb: 4, 
+        ml: 6.5, 
+        gap: 3, 
+        maxWidth: "31.25rem" 
+      }}>
+        <Stack direction="row" spacing={5} sx={{ alignItems: "center" }}>
+          <Typography sx={styles.subtitle}>Do you want to edit a specific ontology?</Typography>
+          <RadioGroup
+            row
+            aria-labelledby="ontology-radio-buttons-group"
+            name="ontology-radio-buttons-group"
+            value={ontologyEditOption}
+            onChange={handleOntologyEditOptionChange}
+          >
+            <FormControlLabel control={<CustomizedRadio />} value={Confirmation.Yes} label="Yes" sx={styles.radioLabel}/>
+            <FormControlLabel control={<CustomizedRadio />} value={Confirmation.No} label="No" sx={styles.radioLabel} />
+          </RadioGroup>
+        </Stack>
+
+        {ontologyEditOption === Confirmation.Yes && (
+          <OntologySearch placeholder="Enter an Ontology URI" fullWidth />
+        )}
+      </Box>
+
+      <Divider />
+
+      <Box sx={{ mt: 4, mb: 4, ml: 6.5, mr: 6.5 }}>
+        <Typography variant="body1" sx={styles.subtitle}>Add filters</Typography>
+
+        {searchConditions.map((term, index) => (
+          <Grid 
+            container 
+            spacing={1.5} 
+            mt={3} 
+            mb={3.5} 
+            key={index} 
+            alignItems='end'
+          >
+            <Grid item xs={12} lg={1}>
+              {index === 0 ? (
+                <Box height='2.5rem' display='flex' alignItems='center'>
+                  <Typography variant="body2" sx={styles.title}>
+                    Where
+                  </Typography>
+                </Box>
+              ) : (
+                <ToggleButtonGroup
+                  value={term.condition}
+                  exclusive
+                  onChange={(event, value) => handleConditionChange(event, value, index)}
+                  sx={{
+                    height: '2.5rem',
+                  }}
+                >
+                  <ToggleButton value={'and'}>
+                    And
+                  </ToggleButton>
+                  <ToggleButton value={'or'}>
+                    Or
+                  </ToggleButton>
+                </ToggleButtonGroup>
+              )}
+            </Grid>
+
+            <Grid item xs={12} lg={4}>
+              <Typography variant="body1" sx={{ ...styles.subtitle, mb: '.75rem' }}>
+                Search for attribute
+              </Typography>
+              <CustomSingleSelect
+                isFormControlFullWidth={true}
+                value={term.attribute} onChange={(v) => handleTermChange(index, 'attribute', v)}
+                options={updatedColumnsArray}
+                placeholder='Choose an attribute'
+              />
+            </Grid>
+
+            <Grid item xs={12} lg={3}>
+              <DropDownConditions
+                value={term.relation}
+                onChange={(value) => handleTermChange(index, 'relation', value)}
+                index={index}
+                handleTermChange={handleTermChange}
+              />
+            </Grid>
+
+            <Grid item xs={12} lg={searchConditions.length > 1 ? 3 : 4}>
+              <CustomizedInput
+                value={term.value}
+                label='Value'
+                placeholder='Type a value'
+                onChange={(e) => handleTermChange(index, 'value', e.target.value)}
+              />
+            </Grid>
+            
+            {searchConditions.length > 1 && (
+              <Grid item lg={searchConditions.length > 1 ? 1 : 0}>
+                <Button sx={{
+                  padding: '.625rem',
+                  minWidth: 'auto'
+                }} variant='outlined' onClick={() => handleDeleteTerm(index)}>
+                  <DeleteOutlineIcon />
+                </Button>
+              </Grid>
             )}
           </Grid>
-          <Grid item xs={12} lg={4}>
-            <Typography sx={{
-              fontSize: '1rem',
-              fontWeight: '500',
-              color: gray800,
-              mb: '.75rem'
-            }}>
-              Search for attribute
-            </Typography>
-            <CustomSingleSelect
-              isFormControlFullWidth={true}
-              value={term.attribute} onChange={(v) => handleTermChange(index, 'attribute', v)}
-              options={updatedColumnsArray}
-              placeholder='Choose an attribute'
-            />
-          </Grid>
-          <Grid item xs={12} lg={3}>
-            <DropDownConditions
-              value={term.relation}
-              onChange={(value) => handleTermChange(index, 'relation', value)}
-              index={index}
-              handleTermChange={handleTermChange}
-            />
-          </Grid>
-          <Grid item xs={12} lg={searchConditions.length > 1 ? 3 : 4}>
-            <CustomizedInput
-              value={term.value}
-              label='Value'
-              placeholder='Type a value'
-              onChange={(e) => handleTermChange(index, 'value', e.target.value)}
-            />
-          </Grid>
-          {searchConditions.length > 1 && (
-            <Grid item lg={searchConditions.length > 1 ? 1 : 0}>
-              <Button sx={{
-                padding: '.625rem',
-                minWidth: 'auto'
-              }} variant='outlined' onClick={() => handleDeleteTerm(index)}>
-                <DeleteOutlineIcon />
-              </Button>
-            </Grid>
-          )}
-        </Grid>
-      ))}
-      <Box display='flex' alignItems='center' justifyContent='space-between'>
-        <Button
-          startIcon={<AddOutlinedIcon />}
-          type="string"
-          color="secondary"
-          onClick={handleAddTerm}
-        >
-          Add Condition
-        </Button>
-        <Button
-          type="string"
-          onClick={handleClearAllConditions}
-        >
-          Clear all
-        </Button>
+        ))}
+
+        <Stack direction="row" spacing={1.5}>
+          <Button
+            startIcon={<AddOutlinedIcon />}
+            variant="outlined"
+            onClick={handleAddTerm}
+          >
+            Add Condition
+          </Button>
+          <Button
+            variant="text"
+            onClick={handleClearAllConditions}
+          >
+            Clear all
+          </Button>
+        </Stack>
       </Box>
     </Box>
   );
diff --git a/src/components/SingleTermView/OntologySearch.jsx b/src/components/SingleTermView/OntologySearch.jsx
index 0c6700d6..93b55b1d 100644
--- a/src/components/SingleTermView/OntologySearch.jsx
+++ b/src/components/SingleTermView/OntologySearch.jsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from "react";
+import React, { useEffect, useRef, useCallback, useMemo } from "react";
 import {
   Box,
   Button,
@@ -13,42 +13,91 @@ import PropTypes from "prop-types";
 import ListItem from '@mui/material/ListItem';
 import CustomizedRadio from "../common/CustomizedRadio";
 import FolderSharedOutlinedIcon from '@mui/icons-material/FolderSharedOutlined';
-
 import { vars } from "../../theme/variables";
+
 const { brand600, gray50 } = vars;
 
-const OntologySearch = () => {
-  const options = [
-    { label: 'Nervous system1', badge: 'My Organization 1', selected: false },
-    { label: 'Nervous system2', badge: 'ODC-TBI', selected: false },
-    { label: 'Nervous system3', badge: 'Dk-net', selected: false },
-    { label: 'Nervous system4', badge: 'My Organization 2', selected: false }
-  ];
+const OPTIONS = [
+  { label: 'Nervous system1', badge: 'My Organization 1', selected: false },
+  { label: 'Nervous system2', badge: 'ODC-TBI', selected: false },
+  { label: 'Nervous system3', badge: 'Dk-net', selected: false },
+  { label: 'Nervous system4', badge: 'My Organization 2', selected: false }
+];
+
+const styles = {
+  autocomplete: (fullWidth, selectedValue, openList) => ({
+    width: fullWidth ? '100%' : '21.75rem',
+    '& .MuiOutlinedInput-root': {
+      minWidth: fullWidth ? '100%' : (selectedValue ? '21.75rem' : '11.75rem'),
+      width: fullWidth ? '100%' : 'fit-content',
+      borderRadius: openList ? '0.5rem 0.5rem 0 0' : '0.5rem',
+    },
+    '&.Mui-focused': {
+      transition: 'width 0.100s ease-in-out',
+      '& .MuiOutlinedInput-root': {
+        minWidth: fullWidth ? '100%' : '21.75rem',
+        border: `2px solid ${brand600}`,
+        background: gray50,
+        boxShadow: '0px 1px 2px 0px rgba(16, 24, 40, 0.05)',
+        borderRadius: '.5rem',
+      },
+      '& .MuiOutlinedInput-notchedOutline': {
+        border: 0,
+      },
+    }
+  }),
+  paper: {
+    borderRadius: '0.5rem',
+    '& .MuiAutocomplete-option': {
+      padding: '.06rem .38rem',
+      height: 'initial',
+      '& .MuiFormControlLabel-root': {
+        margin: 0,
+        '& .MuiTypography-root': {
+          fontSize: '0.875rem',
+        },
+        '& .MuiButtonBase-root': {
+          padding: 0,
+          marginRight: '.5rem',
+        },
+      },
+      '&:hover': {
+        backgroundColor: gray50,
+      },
+      '&[aria-selected="true"]': {
+        backgroundColor: 'transparent !important',
+      },
+    },
+  },
+  popperBox: {
+    borderRadius: '0.5rem',
+    border: '1px solid #DADDDC',
+    boxShadow: '0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03)'
+  }
+};
 
+const OntologySearch = ({ placeholder, fullWidth = false }) => {
   const [searchTerm, setSearchTerm] = React.useState('');
   const [openList, setOpenList] = React.useState(false);
   const [selectedValue, setSelectedValue] = React.useState(null);
   const autocompleteRef = useRef(null);
   const popperRef = useRef(null);
 
-  const handleOpenList = () => {
+  const handleOpenList = useCallback(() => {
     setOpenList(true);
-  };
+  }, []);
 
-  // eslint-disable-next-line no-unused-vars
-  const handleInputChange = (event, value) => {
+  const handleInputChange = useCallback((event) => {
     setSearchTerm(event.target.value);
-  };
+  }, []);
 
-  const onSetActive = (event) => {
+  const onSetActive = useCallback((event) => {
     event.stopPropagation();
-    event.preventDefault();
-    console.log("selected value: ", selectedValue)
     setOpenList(false);
-    setSelectedValue({ ...selectedValue, selected: true });
-  };
+    setSelectedValue(prev => prev ? { ...prev, selected: true } : null);
+  }, []);
 
-  const handleClickOutside = (event) => {
+  const handleClickOutside = useCallback((event) => {
     if (
       autocompleteRef.current &&
       !autocompleteRef.current.contains(event.target) &&
@@ -57,172 +106,139 @@ const OntologySearch = () => {
     ) {
       setOpenList(false);
     }
-  };
+  }, []);
 
   useEffect(() => {
     document.addEventListener("mousedown", handleClickOutside);
     return () => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
+  }, [handleClickOutside]);
+
+  const isOptionEqualToValue = useCallback((option, value) => 
+    option.label === value?.label && option.badge === value?.badge,
+    []
+  );
+
+  const handleChange = useCallback((event, value) => {
+    setSearchTerm('');
+    setSelectedValue(value);
   }, []);
 
-  const isOptionEqualToValue = (option, value) =>
-    option.label === value?.label && option.badge === value?.badge;
+  const popperProps = useMemo(() => ({
+    sx: {
+      width: fullWidth ? 'auto !important' : '21.75rem !important',
+      minWidth: fullWidth ? 'auto !important' : '21.75rem !important',
+      backgroundColor: 'white',
+    },
+    ref: popperRef
+  }), [fullWidth]);
+
+  const PaperComponent = useMemo(() => {
+    const Component = ({ children }) => (
+      <Box sx={styles.popperBox}>
+        {children}
+        <Divider sx={{ marginTop: '.31rem' }} />
+        <Box p='.75rem 1rem'>
+          <Button
+            variant="contained"
+            size="small"
+            fullWidth
+            onClick={onSetActive}
+          >
+            Set as active ontology
+          </Button>
+        </Box>
+      </Box>
+    );
+    Component.displayName = 'PaperComponent';
+    return Component;
+  }, [onSetActive]);
+
+  const renderOption = useCallback((props, option) => {
+    const { key, ...otherProps } = props;
+    return (
+      <ListItem key={key} {...otherProps}>
+        <Box
+          p='.5rem'
+          display='flex'
+          justifyContent='space-between'
+          alignItems='center'
+          gap='.5'
+          width={1}
+        >
+          <FormControlLabel
+            control={
+              <CustomizedRadio
+                checked={selectedValue?.label === option.label}
+              />
+            }
+            label={option.label}
+          />
+          <Chip label={option.badge} variant='outlined' />
+        </Box>
+      </ListItem>
+    );
+  }, [selectedValue]);
+
+  const renderInput = useCallback((params) => (
+    <TextField
+      {...params}
+      variant="outlined"
+      placeholder={placeholder || "Search for ontology"}
+      onChange={handleInputChange}
+      InputProps={{
+        ...params.InputProps,
+        startAdornment: (
+          <InputAdornment position='start'>
+            <FolderSharedOutlinedIcon />
+          </InputAdornment>
+        ),
+        endAdornment: selectedValue?.selected && (
+          <InputAdornment position='end'>
+            <Chip
+              label={selectedValue.badge}
+              variant='outlined'
+              size='small'
+              sx={{ marginLeft: '0.5rem' }}
+            />
+          </InputAdornment>
+        ),
+      }}
+    />
+  ), [handleInputChange, placeholder, selectedValue]);
 
   return (
-    <div ref={autocompleteRef}>
+    <div ref={autocompleteRef} style={{ width: fullWidth ? '100%' : 'fit-content' }}>
       <Autocomplete
         disableCloseOnSelect
         disableClearable
-        options={options}
+        options={OPTIONS}
         open={openList}
         onOpen={handleOpenList}
         forcePopupIcon={false}
-        onChange={(event, value) => {
-          setSearchTerm('');
-          setSelectedValue(value);
-        }}
+        onChange={handleChange}
         isOptionEqualToValue={isOptionEqualToValue}
-        sx={{
-          '& .MuiOutlinedInput-root': {
-            minWidth: selectedValue ? '21.75rem' : '11.75rem',
-            width: 'fit-content',
-            borderRadius: openList ? '0.5rem 0.5rem 0 0' : '0.5rem',
-          },
-          '&.Mui-focused': {
-            transition: 'width 0.100s ease-in-out',
-            '& .MuiOutlinedInput-root': {
-              minWidth: '21.75rem',
-              border: `2px solid ${brand600}`,
-              background: gray50,
-              boxShadow: '0px 1px 2px 0px rgba(16, 24, 40, 0.05)',
-              borderRadius: '.5rem',
-            },
-            '& .MuiOutlinedInput-notchedOutline': {
-              border: 0,
-            },
-          },
-        }}
+        sx={styles.autocomplete(fullWidth, selectedValue, openList)}
         autoHighlight={false}
         componentsProps={{
-          popper: {
-            sx: {
-              width: '21.75rem !important',
-              backgroundColor: 'white',
-            },
-            ref: popperRef
-          },
-          paper: {
-            sx: {
-              borderRadius: '0.5rem',
-              '& .MuiAutocomplete-option': {
-                padding: '.06rem .38rem',
-                height: 'initial',
-                '& .MuiFormControlLabel-root': {
-                  margin: 0,
-                  '& .MuiTypography-root': {
-                    fontSize: '0.875rem',
-                  },
-                  '& .MuiButtonBase-root': {
-                    padding: 0,
-                    marginRight: '.5rem',
-                  },
-                },
-                '&:hover': {
-                  backgroundColor: gray50,
-                },
-                '&[aria-selected="true"]': {
-                  backgroundColor: 'transparent !important',
-                },
-              },
-            },
-          },
+          popper: popperProps,
+          paper: { sx: styles.paper },
         }}
         inputValue={searchTerm ? searchTerm : selectedValue?.selected ? selectedValue?.label : ''}
-        renderOption={(props, option) => {
-          const { key, ...otherProps } = props;
-          return (
-            <ListItem key={key} {...otherProps}>
-              <Box
-                p='.5rem'
-                display='flex'
-                justifyContent='space-between'
-                alignItems='center'
-                gap='.5'
-                width={1}
-              >
-                <FormControlLabel
-                  control={
-                    <CustomizedRadio
-                      checked={selectedValue?.label === option.label}
-                    />
-                  }
-                  label={option.label}
-                />
-                <Chip label={option.badge} variant='outlined' />
-              </Box>
-            </ListItem>
-          );
-        }}
-        renderInput={(params) => (
-          <TextField
-            {...params}
-            variant="outlined"
-            placeholder="Search for ontology"
-            onChange={handleInputChange}
-            InputProps={{
-              ...params.InputProps,
-              startAdornment: (
-                <InputAdornment position='start'>
-                  <FolderSharedOutlinedIcon />
-                </InputAdornment>
-              ),
-              endAdornment: selectedValue?.selected && (
-                <InputAdornment position='end'>
-                  <Chip
-                    label={selectedValue.badge}
-                    variant='outlined'
-                    size='small'
-                    sx={{ marginLeft: '0.5rem' }}
-                  />
-                </InputAdornment>
-              ),
-            }}
-          />
-        )}
-        PaperComponent={({ children }) => (
-          <Box
-            ref={popperRef}
-            sx={{
-              borderRadius: '0.5rem',
-              border: '1px solid #DADDDC',
-              boxShadow:
-                '0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03)',
-            }}
-          >
-            {children}
-            <Divider sx={{
-              marginTop: '.31rem'
-            }} />
-            <Box p='.75rem 1rem'>
-              <Button
-                variant="contained"
-                size="small"
-                fullWidth
-                onClick={onSetActive}
-              >
-                Set as active ontology
-              </Button>
-            </Box>
-          </Box>
-        )}
+        renderOption={renderOption}
+        renderInput={renderInput}
+        PaperComponent={PaperComponent}
       />
     </div>
   );
 };
 
 OntologySearch.propTypes = {
+  placeholder: PropTypes.string,
+  fullWidth: PropTypes.bool,
   key: PropTypes.string,
+  children: PropTypes.node,
 };
 
-export default OntologySearch;
+export default OntologySearch;
\ No newline at end of file
diff --git a/src/components/common/CustomizedRadio.jsx b/src/components/common/CustomizedRadio.jsx
index c0159b29..a66dc904 100644
--- a/src/components/common/CustomizedRadio.jsx
+++ b/src/components/common/CustomizedRadio.jsx
@@ -64,9 +64,9 @@ function BpRadio(props) {
   );
 }
 
-const CustomizedRadio = ({checked}) => {
+const CustomizedRadio = ({ checked, ...rest }) => {
   return (
-    <BpRadio checked={checked} />
+    <BpRadio checked={checked} {...rest} />
   );
 }
 
diff --git a/src/theme/index.jsx b/src/theme/index.jsx
index 29af2c1c..b166478a 100644
--- a/src/theme/index.jsx
+++ b/src/theme/index.jsx
@@ -494,6 +494,7 @@ const theme = createTheme({
 				textPrimary: {
 					color: gray600,
 					background: white,
+					padding: "0.625rem 0.875rem",
 					"&:hover": {
 						background: gray100,
 						color: gray700,