Added hover pseudoclasses

src/components/appList.js

@@ -31,6 +31,10 @@ const Link = styled.a`
     margin: 0;
     text-decoration: none;
     font-size: 1rem;
+
+    &:hover {
+        text-decoration: underline;
+    }
 `;
 
 const Description = styled.p`

src/components/bookmarkList.js

@@ -33,6 +33,10 @@ const Bookmark = styled.a`
     color: ${selectedTheme.accentColor};
     padding: 10px 0 0 0;
     font-size: 14px;
+
+    &:hover {
+        text-decoration: underline;
+    }
 `;
 
 const useBookmarkData = () => {

src/components/elements.js

@@ -49,12 +49,20 @@ export const Button = styled.button`
     background: none;
     min-height: 3em;
     height: 100%;
+
+    &:hover {
+        cursor: pointer;
+    }
 `;
 
 const StyledButton = styled.button`
     float: right;
     border: none;
     background: none;
+
+    &:hover {
+        cursor: pointer;
+    }
 `;
 
 export const RefreshButton = styled(Button)`