diff --git a/src/App.js b/src/App.js
index 2849cce..e39e318 100644
--- a/src/App.js
+++ b/src/App.js
@@ -16,6 +16,7 @@ function App() {
   const [nameChecked, setNameChecked] = useState(true);
   const [descriptionChecked, setDescriptionChecked] = useState(true);
   const [tagsChecked, setTagsChecked] = useState(true);
+  const [sort, setSort] = useState('Date');
 
   function handleNameCheckbox() {
     setNameChecked(!nameChecked);
@@ -68,7 +69,7 @@ function App() {
     const address = config.api.address + ":" + config.api.port;
     const res = await fetch(address + '/api');
     const resJSON = await res.json();
-    const Data = resJSON.sort((a, b) => { return b-a });
+    const Data = resJSON.sort((a, b) => { return b-a }); // <-- SORT IT!
     setData(Data);
   }
 
diff --git a/src/componets/AddItem.js b/src/componets/AddItem.js
index c749c85..5100f61 100644
--- a/src/componets/AddItem.js
+++ b/src/componets/AddItem.js
@@ -80,7 +80,7 @@ const AddItem = ({onExit, reFetch, tags}) => {
     <>
       <div className='add-overlay' onClick={abort}></div>
       <fieldset className='box'>
-        <legend >New Bookmark</legend>
+        <legend >New bookmark</legend>
         <div className='AddItem-content'>
           <h3>Name:</h3>
           <input onChange={SetName} className="AddItem-input" type="search" placeholder="e.g. Example Tutorial"/>
diff --git a/src/componets/Filters.js b/src/componets/Filters.js
index 11402d2..e20a2aa 100644
--- a/src/componets/Filters.js
+++ b/src/componets/Filters.js
@@ -11,7 +11,7 @@ const Filters = ({nameChecked, handleNameCheckbox, descriptionChecked, handleDes
     <>  
         <div className='filter-overlay' onClick={abort}></div>
         <fieldset className='filter'>
-            <legend >Filter Results</legend>
+            <legend >Filter by</legend>
             <label><input type="checkbox" checked={nameChecked} onChange={handleNameCheckbox} />Name</label>
             <label><input type="checkbox" checked={descriptionChecked} onChange={handleDescriptionCheckbox} />Title</label>
             <label><input type="checkbox" checked={tagsChecked} onChange={handleTagsCheckbox} />Tags</label>
diff --git a/src/componets/Sort.js b/src/componets/Sort.js
index d39d357..1c6e3e9 100644
--- a/src/componets/Sort.js
+++ b/src/componets/Sort.js
@@ -11,11 +11,13 @@ const Sort = ({ onExit }) => {
     <>
         <div className='sort-overlay' onClick={abort}></div>
         <fieldset className='sort'>
-            <legend>Sort List</legend>
-            <label><input name="sort" type="radio" />Date</label>
-            <label><input name="sort" type="radio" />Name</label>
-            <label><input name="sort" type="radio" />Title</label>
-            <label><input name="sort" type="radio" />Tags</label>
+            <legend>Sort by</legend>
+            <label><input name="sort" type="radio" />Date (Newest first)</label>
+            <label><input name="sort" type="radio" />Date (Oldest first)</label>
+            <label><input name="sort" type="radio" />Name (A-Z)</label>
+            <label><input name="sort" type="radio" />Name (Z-A)</label>
+            <label><input name="sort" type="radio" />Title (A-Z)</label>
+            <label><input name="sort" type="radio" />Title (Z-A)</label>
         </fieldset>
     </>
   )