Added border to the dropdowns

src/App.js

@@ -95,7 +95,7 @@ function App() {
         <button className="add-btn" onClick={() => setIsAdding(true)}>&#xf067;</button>
       </div>
 
-      <p className="results">{numberOfResults > 0 ? numberOfResults + ' Bookmarks' : 'No bookmarks.'}</p>
+      <p className="results">{numberOfResults > 0 ? numberOfResults + ' Bookmarks found' : 'No bookmarks found.'}</p>
 
       <button className='filter-button' onClick={() => setIsFiltering(true)}>&#xf0b0;</button>
       {isFiltering ? <Filters 

src/componets/TagSelection.js

@@ -20,7 +20,9 @@ const customStyles = {
 
   menu: (provided) => ({
     ...provided,
-    padding: '5px',
+    border: 'solid',
+    borderWidth: '1px',
+    borderColor: 'rgb(80, 80, 80)',
     opacity: '90%',
     color: 'gray',
     background: '#273949',

src/styles/AddItem.css

@@ -7,6 +7,9 @@
 }
 
 .box {
+    border: solid;
+    border-width: 1px;
+    border-color: rgb(80, 80, 80);
     box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
     position: absolute;
     z-index: 2;

src/styles/Filters.css

@@ -1,11 +1,15 @@
 .filter {
+    border: solid;
+    border-width: 1px;
+    font-weight: 300;
+    border-color: rgb(80, 80, 80);
     display: flex;
     flex-direction: column;
     box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
     z-index: 2;
     background-color: #273949;
-    padding: 10px;
-    left: 150px;
+    padding: 5px;
+    left: 200px;
     position: absolute;
     margin-top: 4px;
     -moz-user-select: none;
@@ -14,7 +18,7 @@
 }
 
 .filter label {
-    margin: 10px;
+    margin: 5px;
 }
 
 .filter-overlay {