diff --git a/public/resources/css/module/_resources.scss b/public/resources/css/module/_resources.scss
index ce23ca3d73..f8b9fb3498 100644
--- a/public/resources/css/module/_resources.scss
+++ b/public/resources/css/module/_resources.scss
@@ -1,10 +1,10 @@
 .resources {
   display: flex;
   justify-content: space-between;
-  flex-wrap: wrap;
   flex-direction: row-reverse;
 
-  @media(max-width: 400px) {
+  @media(max-width: 768px) {
+    justify-content: center;
     flex-direction: column-reverse;
   }
 
diff --git a/public/resources/index.ejs b/public/resources/index.ejs
index 51adecdc77..bb85fc7ddc 100644
--- a/public/resources/index.ejs
+++ b/public/resources/index.ejs
@@ -5,10 +5,10 @@
         <div>
             <h1 class="capitalize">{{category}}</h1>
             <div ng-repeat="section in categoryContent">
-                <div class="grid-fluid" ng-repeat="(subsectionName, subsectionArray) in section">
+                <div ng-repeat="(subsectionName, subsectionObj) in section">
                     <div>
-                        <h2 class="capitalize">{{ subsectionName }}</h2>
-                        <ul ng-repeat="resource in subsectionArray.resources">
+                        <h2>{{ subsectionObj.title }}</h2>
+                        <ul ng-repeat="resource in subsectionObj.resources">
                             <li ng-if="resource.rev"><a target="_blank" href="{{resource.url}}">{{ resource.title }}</a></li>
                         </ul>
                     </div>