diff --git a/frontend/src/components/molecules/ResourceSectionHeader/index.tsx b/frontend/src/components/molecules/ResourceSectionHeader/index.tsx
index 8109727e49f51220ed4469ed27734f0e6d3ea6ec..cc89bdc5b717b609e0b56414cce7e86b2e0cc426 100644
--- a/frontend/src/components/molecules/ResourceSectionHeader/index.tsx
+++ b/frontend/src/components/molecules/ResourceSectionHeader/index.tsx
@@ -35,6 +35,7 @@ const ResourceSectionHeader: React.FC<SectionHeaderProps> = ({
             <span id="download-button">
               <Button
 								style={{ color: checkBoxColur }}
+								variant="secondary" 
                 className={styles.sectionHeaderButton}
                 onClick={() => {}}
               >
@@ -48,7 +49,8 @@ const ResourceSectionHeader: React.FC<SectionHeaderProps> = ({
           <Button
             style={{ color: checkBoxColur }}
             className={styles.sectionHeaderButton}
-            onClick={onSelectAllClick}
+						onClick={onSelectAllClick}
+						variant="secondary" 
             aria-controls="download-button"
             aria-expanded={show}
           >
diff --git a/frontend/src/components/pages/ModuleResources/index.tsx b/frontend/src/components/pages/ModuleResources/index.tsx
index 19526dcb6fa9587314c1cc6f2afe9842eb04b4f1..aebaeec1085b09148549096ceec41118f0dc2ec8 100644
--- a/frontend/src/components/pages/ModuleResources/index.tsx
+++ b/frontend/src/components/pages/ModuleResources/index.tsx
@@ -62,7 +62,7 @@ const ModuleResources: React.FC<{ year: string}> = ({year}) => {
           placeholder="Search..."
         />
         <InputGroup.Append>
-          <Button className={styles.searchBarIcon}>
+          <Button variant="secondary" className={styles.searchBarIcon}>
             <FontAwesomeIcon size="1x" icon={faInfoCircle} />
           </Button>
         </InputGroup.Append>