diff --git a/frontend/src/components/pages/ModuleResources/index.tsx b/frontend/src/components/pages/ModuleResources/index.tsx
index 543576d65ff6f2669128d518742cb110bef3736e..00c8b8a228611cb6f3fa4262f6e2576ca437911b 100644
--- a/frontend/src/components/pages/ModuleResources/index.tsx
+++ b/frontend/src/components/pages/ModuleResources/index.tsx
@@ -22,6 +22,7 @@ import {
   faDownload,
   faCheckSquare
 } from "@fortawesome/free-solid-svg-icons";
+import { faSquare } from "@fortawesome/free-regular-svg-icons";
 
 const ModuleResources: React.FC = () => {
   return (
@@ -44,23 +45,10 @@ const ModuleResources: React.FC = () => {
         <span className={styles.sectionHeader}>Quick Access</span>
         <div className={styles.sectionHeaderButtonGroup}>
           <Button className={styles.sectionHeaderButton}>
-            Download
             <FontAwesomeIcon className={styles.buttonIcon} icon={faDownload} />
           </Button>
-          <Button className={styles.sectionHeaderButton}>
-            <span
-              style={{
-                display: "flex",
-                justifyContent: "space-between",
-                alignItems: "center"
-              }}
-            >
-              Select All
-              <Form.Check
-                className={styles.buttonCheckbox}
-                aria-label="option 1"
-              />
-            </span>
+          <Button className={styles.sectionHeaderButton}> 
+            <FontAwesomeIcon className={styles.buttonIcon} icon={faSquare} />
           </Button>
         </div>
       </div>
@@ -117,23 +105,10 @@ const ModuleResources: React.FC = () => {
         <span className={styles.sectionHeader}>Folders</span>
         <div className={styles.sectionHeaderButtonGroup}>
           <Button className={styles.sectionHeaderButton}>
-            Download
             <FontAwesomeIcon className={styles.buttonIcon} icon={faDownload} />
           </Button>
-          <Button className={styles.sectionHeaderButton}>
-            <span
-              style={{
-                display: "flex",
-                justifyContent: "space-between",
-                alignItems: "center"
-              }}
-            >
-              Select All
-              <Form.Check
-                className={styles.buttonCheckbox}
-                aria-label="option 1"
-              />
-            </span>
+          <Button className={styles.sectionHeaderButton}> 
+            <FontAwesomeIcon className={styles.buttonIcon} icon={faCheckSquare} />
           </Button>
         </div>
       </div>
diff --git a/frontend/src/components/pages/ModuleResources/style.module.scss b/frontend/src/components/pages/ModuleResources/style.module.scss
index cc855b53e132a3a174c78ab8f3d9a9eed3f8203f..213149bd92ef59db651f541704c777a3cd0f0b32 100644
--- a/frontend/src/components/pages/ModuleResources/style.module.scss
+++ b/frontend/src/components/pages/ModuleResources/style.module.scss
@@ -72,7 +72,7 @@
 }
 
 .sectionHeaderButton {
-  background: $gray-100;
+  background: $white;
   color: #000;
   border-width: 0px;
   border-radius: 8px;
@@ -84,11 +84,10 @@
   -webkit-transition: 0.2s background;
   -moz-transition: 0.2s background;
   font-size: 1.05rem;
-  width: 180px;
+  width: 40px;
 }
 
 .buttonIcon {
-  float: right;
   margin-top: 0.22rem;
 }