diff --git a/frontend/src/assets/scss/custom.scss b/frontend/src/assets/scss/custom.scss
index c4dc6749ea8cb323862cb237065f6f3ca1c302c0..ca99c8d623f5b1fdab0c5fdbb8141798de667267 100644
--- a/frontend/src/assets/scss/custom.scss
+++ b/frontend/src/assets/scss/custom.scss
@@ -1,14 +1,9 @@
 // Override default variables before the import
 $nav-pills-link-active-color: black;
 
-$container-max-widths: (
-  sm: 540px,
-  md: 720px,
-  lg: 960px,
-  xl: 1140px,
-  xxl: 1400px
-);
 
+//* bootstrap 5's grid. To use, import the following line in the .module.scss */
+// @import "assets/scss/bootstrap5/bootstrap-grid";
 $grid-breakpoints: (
   xs: 0,
   sm: 576px,
diff --git a/frontend/src/components/pages/ModuleResources/index.tsx b/frontend/src/components/pages/ModuleResources/index.tsx
index 00c8b8a228611cb6f3fa4262f6e2576ca437911b..af5072ff7b01fadafc662fe1519a6ddffe3b0b3c 100644
--- a/frontend/src/components/pages/ModuleResources/index.tsx
+++ b/frontend/src/components/pages/ModuleResources/index.tsx
@@ -70,7 +70,6 @@ const ModuleResources: React.FC = () => {
             lg={4}
 						xl={3}
 						key={i}
-						className={styles["col-xxl-2"]}
 						style={{marginBottom: ".5rem"}}
           >
             <Card className={styles.quickViewCard}>
diff --git a/frontend/src/components/pages/ModuleResources/style.module.scss b/frontend/src/components/pages/ModuleResources/style.module.scss
index 0613406a5525584c2bfe0eaacba18c873e2559ae..4c5dd6dbac0615c8777dc3988d59fec7003fb4b2 100644
--- a/frontend/src/components/pages/ModuleResources/style.module.scss
+++ b/frontend/src/components/pages/ModuleResources/style.module.scss
@@ -1,8 +1,5 @@
 @import "assets/scss/custom";
 
-/* bootstrap 5's grid, delete if causes trouble */
-@import "assets/scss/bootstrap5/bootstrap-grid";
-
 .moduleParagraph {
   margin-top: 1rem;
 }