Fix inconsistencies

src/components/App.scss

@@ -54,7 +54,7 @@ code {
 }
 
 .btn-primary:hover {
-  background: #e5e5e5;
+  background: #dee2e6;
   border-color: #fff;
   color: #000;
 }

src/components/atoms/FileCard/index.tsx

@@ -47,7 +47,7 @@ const FileCard: React.FC<FileCardProps> = ({
 	}
   return (
     <Card
-      className={styles.quickViewCard}
+      className={styles.fileCard}
       onClick={onClick}
       onMouseOver={onMouseOver}
       onMouseOut={onMouseOut}
@@ -56,7 +56,7 @@ const FileCard: React.FC<FileCardProps> = ({
       <Card.Body>
         <Card.Title style={{ wordWrap: "break-word" }}>{title}</Card.Title>
         <FontAwesomeIcon
-          style={{ marginLeft: "8px", fontSize: "1.125rem" }}
+          style={{ marginLeft: "8px", fontSize: "1.125rem", cursor: "default"}}
           icon={icon}
           onClick={onIconClick}
         />
@@ -67,7 +67,7 @@ const FileCard: React.FC<FileCardProps> = ({
             pill
             key={tag}
             className={classNames(
-              styles.quickViewTag,
+              styles.fileTag,
               tag === "new" ? styles.tagTeal : styles.tagBlue
             )}
           >

src/components/atoms/FileCard/style.module.scss

 @import "assets/scss/custom";
 
-.quickViewCard {
+.fileCard {
   border-radius: 0.5rem;
   transition: transform 0.2s, box-shadow 0.2s;
   background-color: $white ;
-  height: 96%;
+	height: 96%;
+	cursor: pointer;
   border: 1px solid $gray-200;
 }
 
-.quickViewCard:hover {
+.fileCard:hover {
   transform: scale(1.03);
   box-shadow: 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.1);
   border-color: $gray-300;
 }
 
-.quickViewCard :global(.card-body) {
+.fileCard :global(.card-body) {
   padding: 0.5rem;
   display: flex;
   justify-content: space-between;
 }
 
-.quickViewCard :global(.card-footer) {
+.fileCard :global(.card-footer) {
   border-radius: 0.5rem !important;
   background: $white;
   border-width: 0rem;
   padding: 0.5rem;
 }
 
-.quickViewCard :global(.card-title) {
+.fileCard :global(.card-title) {
   font-size: 1.125rem;
   font-weight: 400;
   white-space: normal;
@@ -40,7 +41,7 @@
 	word-break: break-word;
 }
 
-.quickViewCard :global(.card-img-top) {
+.fileCard :global(.card-img-top) {
   border-bottom: 0px;
   border-top-left-radius: 0.4rem;
   border-top-right-radius: 0.4rem;
@@ -49,7 +50,7 @@
 $blue-tag-background: transparentize($blue-100, 0.5);
 $teal-tag-background: transparentize($teal-100, 0.5);
 
-.quickViewTag {
+.fileTag {
   text-transform: uppercase;
   font-size: 0.8rem;
   font-weight: 500;
@@ -67,7 +68,7 @@ $teal-tag-background: transparentize($teal-100, 0.5);
   background: $teal-tag-background;
 }
 
-.quickAccessRow {
+.fileRow {
   scrollbar-width: thin;
   scrollbar-color: $white $white;
   margin-top: 10px;

src/components/atoms/FolderCard/index.tsx

@@ -26,12 +26,12 @@ const FolderCard: React.FC<FolderCardProps> = ({
       className={styles.folderCard}
       onClick={onClick}
       onMouseOver={onMouseOver}
-      onMouseOut={onMouseOut}
+			onMouseOut={onMouseOut}
     >
       <Card.Body style={{ padding: ".6rem" }}>
         <Card.Text style={{ marginBottom: 0 }}>{title}</Card.Text>
         <FontAwesomeIcon
-          style={{ fontSize: "1.125rem" }}
+          style={{ fontSize: "1.125rem", cursor: "default" }}
           icon={icon}
           onClick={onIconClick}
         />

src/components/atoms/FolderCard/style.module.scss

@@ -5,7 +5,8 @@
   border: 1px solid $gray-200; 
   transition: transform 0.2s, box-shadow 0.2s;
   background-color: $white;
-  margin-top: 0.67rem;
+	margin-top: 0.67rem;
+	cursor: pointer;
 }
 
 .folderCard:hover {
@@ -17,5 +18,5 @@
 .folderCard :global(.card-body) {
   display: flex;
   justify-content: space-between;
-  align-items: center;
+	align-items: center;
 }

src/components/pages/ModuleResources/index.tsx

@@ -80,7 +80,7 @@ class ModuleResources extends React.Component<ResourcesProps, ResourceState> {
   }
 
   render() {
-		let scope = this.props.scope === undefined ? "" : this.props.scope;
+		let scope = this.props.scope || "";
     let resources = this.state.resources;
 
     let quickAccessItems = resources.filter(