diff --git a/src/index.scss b/src/index.scss
index 8ca7c6e2e..93c7415a8 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -7,3 +7,4 @@
 @import "~@edx/frontend-component-footer/dist/footer";
 
 @import "proctored-exam-settings/proctoredExamSettings";
+@import "pages-and-resources/discussions/app-list/AppList";
\ No newline at end of file
diff --git a/src/pages-and-resources/discussions/app-list/AppList.jsx b/src/pages-and-resources/discussions/app-list/AppList.jsx
index 72016ba22..c94713994 100644
--- a/src/pages-and-resources/discussions/app-list/AppList.jsx
+++ b/src/pages-and-resources/discussions/app-list/AppList.jsx
@@ -77,10 +77,13 @@ function AppList({ intl }) {
         {intl.formatMessage(messages.supportedFeatures)}
       </h3>
 
-      <FeaturesTable
-        apps={apps}
-        features={features}
-      />
+      <div className="app-list-data-table">
+        <FeaturesTable
+          apps={apps}
+          features={features}
+        />
+      </div>
+
     </div>
   );
 }
diff --git a/src/pages-and-resources/discussions/app-list/AppList.scss b/src/pages-and-resources/discussions/app-list/AppList.scss
new file mode 100644
index 000000000..40e2a3c73
--- /dev/null
+++ b/src/pages-and-resources/discussions/app-list/AppList.scss
@@ -0,0 +1,27 @@
+.app-list-data-table {
+  table {
+    table-layout: fixed;
+  }
+
+  .pgn__data-table-container {
+    tr {
+      th {
+        background-color: $white;
+        text-align: center;
+
+        .d-flex, span {
+          display: block !important;
+        }
+      }
+
+      td {
+        background-color: $white;
+
+        .pgn__data-table-cell-wrap {
+          max-width: unset;
+        }
+
+      }
+    }
+  }
+}
diff --git a/src/pages-and-resources/discussions/app-list/FeaturesTable.jsx b/src/pages-and-resources/discussions/app-list/FeaturesTable.jsx
index b699cc3c0..515bd1c0f 100644
--- a/src/pages-and-resources/discussions/app-list/FeaturesTable.jsx
+++ b/src/pages-and-resources/discussions/app-list/FeaturesTable.jsx
@@ -19,11 +19,11 @@ function FeaturesTable({ apps, features, intl }) {
           // If our app's set of feature Ids includes this feature, return a checkmark.
           // i.e, if this app has the current feature, check it!
           appCheckmarkCells[app.id] = app.featureIds.includes(feature.id) ? (
-            <div key={`${app.id}&${feature.id}`}>
+            <div className="text-center" key={`${app.id}&${feature.id}`}>
               <FontAwesomeIcon icon={faCheck} color="green" />
             </div>
           ) : (
-            <div key={`${app.id}&${feature.id}`}><Remove /></div>
+            <div className="text-center" key={`${app.id}&${feature.id}`}><Remove /></div>
           );
         });