diff --git a/judgels-client/src/components/SubmissionDetails/Programming/SubmissionDetails.jsx b/judgels-client/src/components/SubmissionDetails/Programming/SubmissionDetails.jsx
index 898e63e33..688fc9851 100644
--- a/judgels-client/src/components/SubmissionDetails/Programming/SubmissionDetails.jsx
+++ b/judgels-client/src/components/SubmissionDetails/Programming/SubmissionDetails.jsx
@@ -45,7 +45,7 @@ export function SubmissionDetails({
       return (
         <>
           <h4>Grading Error</h4>
-          <ContentCard>
+          <ContentCard secondary>
             <h5>Message</h5>
             <pre>{grading.details.errorMessage}</pre>
           </ContentCard>
@@ -96,7 +96,7 @@ export function SubmissionDetails({
     }
 
     return latestGrading.details.subtaskResults.map(subtaskResult => (
-      <ContentCard className="details-card">
+      <ContentCard secondary className="details-card">
         <details>
           <summary>
             <h5>
@@ -166,7 +166,7 @@ export function SubmissionDetails({
     }
 
     return (
-      <ContentCard className="details-card">
+      <ContentCard secondary className="details-card">
         <details>
           <summary>
             <h5>
@@ -221,7 +221,7 @@ export function SubmissionDetails({
     }
 
     return (
-      <ContentCard className="details-card">
+      <ContentCard secondary className="details-card">
         <details>
           <summary>
             <h5>
@@ -304,7 +304,7 @@ export function SubmissionDetails({
       return (
         <>
           {renderSourceFilesHeading()}
-          <ContentCard>
+          <ContentCard secondary>
             <img src={sourceImageUrl} className="submission-details-image" alt="submission" />
           </ContentCard>
         </>
@@ -315,7 +315,7 @@ export function SubmissionDetails({
     const { submissionFiles } = source;
 
     const sourceFiles = Object.keys(submissionFiles).map(key => (
-      <ContentCard key={key}>
+      <ContentCard key={key} secondary>
         {!hideSourceFilename && (
           <h5>
             {key === DEFAULT_SOURCE_KEY ? '' : key + ': '} {submissionFiles[key].name}
@@ -342,7 +342,7 @@ export function SubmissionDetails({
       Object.keys(details.compilationOutputs)
         .filter(key => submissionFiles[key] === undefined)
         .map(key => (
-          <ContentCard>
+          <ContentCard secondary>
             <h5>Compilation Output</h5>
             <pre>{details.compilationOutputs[key]}</pre>
           </ContentCard>