diff --git a/frontend/src/components/pages/ModuleResources/index.tsx b/frontend/src/components/pages/ModuleResources/index.tsx
index 5fc8c050965163fd721e4e26957170c02387fd57..06fd37835d303fa3d6f4663d9644622b020cef82 100644
--- a/frontend/src/components/pages/ModuleResources/index.tsx
+++ b/frontend/src/components/pages/ModuleResources/index.tsx
@@ -47,7 +47,7 @@ const ModuleResources: React.FC = () => {
           styles.quickAccessRow
         )}
       >
-        {[...Array(4)].map((e, i) => (
+        {[...Array(6)].map((e, i) => (
           <Col
             xs={7}
             sm={7}
diff --git a/frontend/src/components/pages/ModuleResources/style.module.scss b/frontend/src/components/pages/ModuleResources/style.module.scss
index 130441d1809b143d8cc1f209ecd5456d58afaede..5a5f26b7954089750db53c85ead309ee45f36007 100644
--- a/frontend/src/components/pages/ModuleResources/style.module.scss
+++ b/frontend/src/components/pages/ModuleResources/style.module.scss
@@ -140,7 +140,7 @@ $teal-tag-background: transparentize($teal-100, 0.5);
   scrollbar-width: thin;
 	scrollbar-color: $gray-200 $white;
 	margin-top: 1rem;
-	margin-left: 0;
+	// margin-left: 0; // leave space before card
 }
 
 .quickAccessRow::-webkit-scrollbar {