diff --git a/src/components/ProgramCertificatesList/ProgramCertificatesList.jsx b/src/components/ProgramCertificatesList/ProgramCertificatesList.jsx
index 86fba92..7e35097 100644
--- a/src/components/ProgramCertificatesList/ProgramCertificatesList.jsx
+++ b/src/components/ProgramCertificatesList/ProgramCertificatesList.jsx
@@ -161,18 +161,20 @@ function ProgramCertificatesList({ intl }) {
 
   return (
     <main id="main-content" className="pt-5 pb-5 pl-4 pr-4" tabIndex="-1">
-      {renderProfile()}
-      <NavigationBar />
-      <h1 className="h3 pl-3 pr-3 mb-4">
-        {intl.formatMessage(messages.credentialsHeader)}
-      </h1>
-      {renderData()}
-      {renderHelp()}
-      <ProgramCertificateModal
-        isOpen={modalIsOpen}
-        close={closeModal}
-        data={verifiableCredentialIssuanceData}
-      />
+      <div className="container-fluid">
+        {renderProfile()}
+        <NavigationBar />
+        <h1 className="h3 pl-3 pr-3 mb-4">
+          {intl.formatMessage(messages.credentialsHeader)}
+        </h1>
+        {renderData()}
+        {renderHelp()}
+        <ProgramCertificateModal
+          isOpen={modalIsOpen}
+          close={closeModal}
+          data={verifiableCredentialIssuanceData}
+        />
+      </div>
     </main>
   );
 }
diff --git a/src/components/ProgramRecordsList/ProgramRecordsList.jsx b/src/components/ProgramRecordsList/ProgramRecordsList.jsx
index 9da2ba4..ce89b0a 100644
--- a/src/components/ProgramRecordsList/ProgramRecordsList.jsx
+++ b/src/components/ProgramRecordsList/ProgramRecordsList.jsx
@@ -175,17 +175,19 @@ function ProgramRecordsList() {
 
   return (
     <main id="main-content" className="pt-5 pb-5 pl-4 pr-4" tabIndex="-1">
-      {renderProfile()}
-      <NavigationBar />
-      <h1 className="h3 pl-3 pr-3 mb-4">
-        <FormattedMessage
-          id="records.header"
-          defaultMessage="My Learner Records"
-          description="Header for the Learner Records page"
-        />
-      </h1>
-      {renderData()}
-      {renderHelp()}
+      <div className="container-fluid">
+        {renderProfile()}
+        <NavigationBar />
+        <h1 className="h3 pl-3 pr-3 mb-4">
+          <FormattedMessage
+            id="records.header"
+            defaultMessage="My Learner Records"
+            description="Header for the Learner Records page"
+          />
+        </h1>
+        {renderData()}
+        {renderHelp()}
+      </div>
     </main>
   );
 }