diff --git a/src/components/NotePage/NoteList/NoteList.tsx b/src/components/NotePage/NoteList/NoteList.tsx
index 51618f1ddf..8868d47d44 100644
--- a/src/components/NotePage/NoteList/NoteList.tsx
+++ b/src/components/NotePage/NoteList/NoteList.tsx
@@ -12,7 +12,8 @@ import styled from '../../../lib/styled'
 import {
   borderBottom,
   inputStyle,
-  iconColor
+  iconColor,
+  selectTabStyle
 } from '../../../lib/styled/styleFunctions'
 import { IconEdit, IconLoupe, IconArrowSingleDown } from '../../icons'
 
@@ -64,6 +65,28 @@ export const StyledNoteListContainer = styled.div`
     }
   }
 
+  .filterTab {
+    height: 25px;
+    display: flex;
+    align-items: center;
+    padding-left: 13px;
+    .filterIcon {
+      font-size: 10px;
+      margin-right: 5px;
+      z-index: 0;
+      pointer-events: none;
+      ${iconColor}
+    }
+    .input {
+      ${selectTabStyle}
+    }
+    select {
+      -webkit-appearance: none;
+      -moz-appearance: none;
+      appearance: none;
+    }
+  }
+
   .newNoteButton {
     width: 35px;
     height: 30px;
@@ -154,18 +177,16 @@ const NoteList = ({
           </button>
         )}
       </div>
-      <div className='control'>
-        <div className='searchInput'>
-          <IconArrowSingleDown className='icon' size='0.8em' />
-          <select
-            className='input'
-            onChange={e => setSort(e.target.value as SortProps)}
-          >
-            <option value='updatedAt'>Updated</option>
-            <option value='createdAt'>Created</option>
-            <option value='title'>Title</option>
-          </select>
-        </div>
+      <div className='filterTab'>
+        <IconArrowSingleDown className='filterIcon' size='0.8em' />
+        <select
+          className='input'
+          onChange={e => setSort(e.target.value as SortProps)}
+        >
+          <option value='updatedAt'>Updated</option>
+          <option value='createdAt'>Created</option>
+          <option value='title'>Title</option>
+        </select>
       </div>
       <ul tabIndex={0} onKeyDown={handleListKeyDown} ref={listRef}>
         {sortedNotes.map(note => {
diff --git a/src/lib/styled/styleFunctions.ts b/src/lib/styled/styleFunctions.ts
index 773500a332..3d5dd965ad 100644
--- a/src/lib/styled/styleFunctions.ts
+++ b/src/lib/styled/styleFunctions.ts
@@ -100,6 +100,20 @@ color: ${theme.textColor};
 }
 `
 
+export const selectTabStyle = ({ theme }: StyledProps) =>
+  `background-color: ${theme.backgroundColor};
+border: none;
+color: ${theme.uiTextColor};
+cursor: pointer;
+font-weight: 400;
+&:hover,
+&:focus,
+&:active,
+&.active{
+  color: ${theme.textColor};
+}
+`
+
 export const primaryButtonStyle = ({ theme }: StyledProps) => `border: none;
 background-color: ${theme.primaryColor};
 color: ${theme.primaryButtonLabelColor};