diff --git a/src/QuoteList.tsx b/src/QuoteList.tsx
index cad5a86..e823850 100644
--- a/src/QuoteList.tsx
+++ b/src/QuoteList.tsx
@@ -44,15 +44,20 @@ export default function QuoteList() {
   return (
     //TODO: Add Quote source selection
     <div className='p-3 pt-0'>
-      <div className='border-2 bg-slate-800 ml-2 mb-5 p-2 border-lime-500 shadow-(--box)'>
+      <div className='border-2 bg-slate-800 ml-2 mb-5 p-2 border-lime-500 shadow-(--box) flex flex-row'>
         <select
-          className='border-r-2 pr-10 border-lime-500'
+          className='pr-10 bg-slate-700'
           value={collection as string}
           onChange={e => setCollection(e.target.value as Collections)}>
           <option value="qt_bit">Arcus Notsus</option>
           <option value="qt_kfk">Kaffeeklatsch</option>
           <option value="qt_theshegays">TheSheGays</option>
         </select>
+        <p className='text-lime-500'>|</p>
+        <div className='pl-2'>
+          <input placeholder='Search...' className='placeholder:text-slate-400 bg-slate-700' />
+        </div>
+        <p className='text-lime-500'>|</p>
       </div>
       {loading ? (<p> Loading...</p >) : (
         //TODO: Replace div with styled QuoteInfo component