diff --git a/frontend/src/assets/search-landlord.svg b/frontend/src/assets/search-landlord.svg
new file mode 100644
index 00000000..81eae63c
--- /dev/null
+++ b/frontend/src/assets/search-landlord.svg
@@ -0,0 +1,6 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16.8" cy="17.0998" r="16.8" fill="#B84730"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.6831 18.6631C23.5448 18.6631 25.8647 16.3432 25.8647 13.4814C25.8647 10.6197 23.5448 8.2998 20.6831 8.2998C17.8213 8.2998 15.5014 10.6197 15.5014 13.4814C15.5014 16.3432 17.8213 18.6631 20.6831 18.6631ZM20.6831 16.0723C22.1139 16.0723 23.2739 14.9123 23.2739 13.4814C23.2739 12.0506 22.1139 10.8906 20.6831 10.8906C19.2522 10.8906 18.0922 12.0506 18.0922 13.4814C18.0922 14.9123 19.2522 16.0723 20.6831 16.0723Z" fill="white"/>
+<path d="M9.14502 25.1548C8.51266 24.5224 8.51266 23.4971 9.14502 22.8648L16.244 15.7658L18.534 18.0558L11.435 25.1548C10.8026 25.7871 9.77738 25.7871 9.14502 25.1548Z" fill="white"/>
+<path d="M12.122 24.4678L15.328 21.2618L16.702 22.6358C16.9549 22.8887 16.9549 23.2988 16.702 23.5518L14.412 25.8418C14.159 26.0947 13.7489 26.0947 13.496 25.8418L12.122 24.4678Z" fill="white"/>
+</svg>
diff --git a/frontend/src/assets/search-property.svg b/frontend/src/assets/search-property.svg
new file mode 100644
index 00000000..f87e59bf
--- /dev/null
+++ b/frontend/src/assets/search-property.svg
@@ -0,0 +1,8 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16.8" cy="16.8" r="16.8" fill="#B84730"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.3074 13.7379L16.9136 8.29297L23.2958 13.7379H23.4409L23.441 13.8617L23.4409 23.6379H10.1572V13.7379H10.3074Z" fill="white"/>
+<rect x="13.2843" y="14.9351" width="2.62717" height="2.62717" fill="#B84730"/>
+<rect x="17.4736" y="14.9346" width="2.62717" height="2.62717" fill="#B84730"/>
+<rect x="13.2832" y="19.1245" width="2.62717" height="2.62717" fill="#B84730"/>
+<rect x="17.4736" y="19.125" width="2.62717" height="2.62717" fill="#B84730"/>
+</svg>
diff --git a/frontend/src/components/Home/Autocomplete.tsx b/frontend/src/components/Home/Autocomplete.tsx
index 019751d8..435764ac 100644
--- a/frontend/src/components/Home/Autocomplete.tsx
+++ b/frontend/src/components/Home/Autocomplete.tsx
@@ -1,7 +1,6 @@
 import React, { ReactElement, useEffect, useState, useRef } from 'react';
 import { useLocation } from 'react-router-dom';
 import {
-  Chip,
   CircularProgress,
   ClickAwayListener,
   Grid,
@@ -18,6 +17,8 @@ import { makeStyles } from '@material-ui/core/styles';
 import { colors } from '../../colors';
 import { useHistory } from 'react-router-dom';
 import { Link as RouterLink } from 'react-router-dom';
+import searchPropertyIcon from '../../assets/search-property.svg';
+import searchLandlordIcon from '../../assets/search-landlord.svg';
 
 type Props = {
   drawerOpen: boolean;
@@ -31,17 +32,33 @@ const Autocomplete = ({ drawerOpen }: Props): ReactElement => {
       backgroundColor: colors.white,
       maxHeight: 200,
       overflow: 'auto',
-      boxShadow: '1px 8px rgba(49, 49, 49, 0.35)',
+      boxShadow: '0px 4px 8px -1px rgba(0, 0, 0, 0.25)',
+      borderRadius: '8px',
+      padding: 0,
+      boxSizing: 'border-box',
+      border: '2px solid white',
+    },
+    menuItem: {
+      borderBottom: '1px solid #E5E5E5',
+      height: '53px',
     },
     text: {
       backgroundColor: colors.white,
     },
 
-    addressText: {
+    subText: {
       color: colors.gray2,
+      fontSize: '12px',
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
     },
     buildingText: {
+      fontSize: '16px',
       color: colors.black,
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
     },
     homeSearchIcon: {
       paddingRight: '10px',
@@ -51,7 +68,6 @@ const Autocomplete = ({ drawerOpen }: Props): ReactElement => {
       alignItems: 'center',
       justifyContent: 'center',
       color: 'white',
-      // fontSize: isMobile ? 17 : 22
       height: '62%',
       width: '62%',
     },
@@ -66,11 +82,17 @@ const Autocomplete = ({ drawerOpen }: Props): ReactElement => {
       justifyContent: 'center',
       alignItems: 'center',
     },
-    resultChip: { cursor: 'pointer' },
+    searchLabelIcon: {
+      cursor: 'pointer',
+      display: 'flex',
+      alignItems: 'center',
+    },
     field: {
+      borderRadius: '10px',
       '&.Mui-focused': {
         '& .MuiOutlinedInput-notchedOutline': {
           border: `1px solid ${colors.red1}`,
+          borderRadius: '10px',
         },
       },
       height: isMobile ? '35px' : '45px',
@@ -81,10 +103,11 @@ const Autocomplete = ({ drawerOpen }: Props): ReactElement => {
     searchIcon,
     homeSearchIcon,
     searchIconBackground,
+    searchLabelIcon,
     field,
     menuList,
-    resultChip,
-    addressText,
+    menuItem,
+    subText,
     buildingText,
   } = useStyles();
   const inputRef = useRef<HTMLDivElement>(document.createElement('div'));
@@ -166,20 +189,28 @@ const Autocomplete = ({ drawerOpen }: Props): ReactElement => {
                           component: RouterLink,
                         }}
                       >
-                        <MenuItem button={true} key={index} onClick={() => setOpen(false)}>
-                          <Grid container justifyContent="space-between">
-                            <Grid item xl={8}>
+                        <MenuItem
+                          button={true}
+                          key={index}
+                          onClick={() => setOpen(false)}
+                          className={menuItem}
+                          style={index === options.length - 1 ? { borderBottom: 'none' } : {}}
+                        >
+                          <Grid container spacing={2} alignItems="center">
+                            <Grid item className={searchLabelIcon}>
+                              <img
+                                src={label === 'LANDLORD' ? searchLandlordIcon : searchPropertyIcon}
+                                alt="search icon"
+                              />
+                            </Grid>
+                            <Grid item xs style={{ minWidth: 0 }}>
                               <Typography className={buildingText}>{name}</Typography>
-                              <Typography className={addressText}>
+                              <Typography className={subText}>
                                 {address !== name && address}
                               </Typography>
-                            </Grid>
-                            <Grid item xl={4}>
-                              <Chip
-                                color="primary"
-                                label={label.toLowerCase()}
-                                className={resultChip}
-                              />
+                              <Typography className={subText}>
+                                {label === 'LANDLORD' && 'Landlord'}
+                              </Typography>
                             </Grid>
                           </Grid>
                         </MenuItem>
@@ -256,7 +287,7 @@ const Autocomplete = ({ drawerOpen }: Props): ReactElement => {
       };
     } else {
       return {
-        style: { height: isMobile ? '35px' : '45px', borderRadius: '10px' },
+        style: { height: isMobile ? '35px' : '45px' },
         endAdornment: (
           <React.Fragment>
             {loading ? <CircularProgress color="inherit" size={20} /> : null}