diff --git a/judgels-client/src/components/ContentCard/ContentCard.jsx b/judgels-client/src/components/ContentCard/ContentCard.jsx
index 1119f6079..1d37332ad 100644
--- a/judgels-client/src/components/ContentCard/ContentCard.jsx
+++ b/judgels-client/src/components/ContentCard/ContentCard.jsx
@@ -3,9 +3,15 @@ import classNames from 'classnames';
 
 import './ContentCard.scss';
 
-export function ContentCard({ id, className, elevation, children }) {
+export function ContentCard({ id, secondary, className, elevation, children }) {
   return (
-    <Card id={id} className={classNames(className, 'content-card')} elevation={elevation}>
+    <Card
+      id={id}
+      className={classNames(className, 'content-card', {
+        'content-card--is-secondary': secondary,
+      })}
+      elevation={elevation}
+    >
       {children}
     </Card>
   );
diff --git a/judgels-client/src/components/ContentCard/ContentCard.scss b/judgels-client/src/components/ContentCard/ContentCard.scss
index 5d62211fe..3e00f399a 100644
--- a/judgels-client/src/components/ContentCard/ContentCard.scss
+++ b/judgels-client/src/components/ContentCard/ContentCard.scss
@@ -5,7 +5,7 @@
   margin-bottom: 10px;
   overflow: auto;
 
-  .bp5-dark & {
+  .bp5-dark &--is-secondary {
     box-shadow: 0 0 0 0.5px $dark-secondary-background-color !important;
   }
 
diff --git a/judgels-client/src/components/ContentCardLink/ContentCardLink.jsx b/judgels-client/src/components/ContentCardLink/ContentCardLink.jsx
index ab44684f7..e03fa201c 100644
--- a/judgels-client/src/components/ContentCardLink/ContentCardLink.jsx
+++ b/judgels-client/src/components/ContentCardLink/ContentCardLink.jsx
@@ -3,10 +3,15 @@ import { Link } from 'react-router-dom';
 
 import './ContentCardLink.scss';
 
-export function ContentCardLink({ className, to, elevation, children }) {
+export function ContentCardLink({ secondary, className, to, elevation, children }) {
   // This is basically a <ContentCard /> but with div replaced with a.
   return (
-    <Link className={`bp5-card bp-elevation-${elevation} content-card content-card-link`} to={to}>
+    <Link
+      className={classNames(`bp5-card bp-elevation-${elevation} content-card content-card-link`, {
+        'content-card--is-secondary': secondary,
+      })}
+      to={to}
+    >
       <div className={classNames('content-card-link__content', className)}>{children}</div>
     </Link>
   );
diff --git a/judgels-client/src/components/ContentCardList/ContentCardList.jsx b/judgels-client/src/components/ContentCardList/ContentCardList.jsx
new file mode 100644
index 000000000..8049c917c
--- /dev/null
+++ b/judgels-client/src/components/ContentCardList/ContentCardList.jsx
@@ -0,0 +1,5 @@
+import './ContentCardList.scss';
+
+export function ContentCardList({ children }) {
+  return <div className="content-card-list">{children}</div>;
+}
diff --git a/judgels-client/src/components/ContentCardList/ContentCardList.scss b/judgels-client/src/components/ContentCardList/ContentCardList.scss
new file mode 100644
index 000000000..0aaf72919
--- /dev/null
+++ b/judgels-client/src/components/ContentCardList/ContentCardList.scss
@@ -0,0 +1,19 @@
+.content-card-list {
+  .content-card {
+    margin-bottom: 1px;
+
+    &:first-of-type {
+      border-bottom-left-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+
+    &:not(:first-of-type):not(:last-of-type) {
+      border-radius: 0;
+    }
+
+    &:last-of-type {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+  }
+}
diff --git a/judgels-client/src/components/ProblemSetProblemCard/ProblemSetProblemCard.jsx b/judgels-client/src/components/ProblemSetProblemCard/ProblemSetProblemCard.jsx
index 7c9c349dd..3fa45ebca 100644
--- a/judgels-client/src/components/ProblemSetProblemCard/ProblemSetProblemCard.jsx
+++ b/judgels-client/src/components/ProblemSetProblemCard/ProblemSetProblemCard.jsx
@@ -66,7 +66,7 @@ export function ProblemSetProblemCard({ problemSet, problem, showAlias, problemN
   };
 
   return (
-    <ContentCardLink to={`/problems/${problemSet.slug}/${problem.alias}`} className="problemset-problem-card">
+    <ContentCardLink secondary to={`/problems/${problemSet.slug}/${problem.alias}`} className="problemset-problem-card">
       <h4 data-key="name">
         {showAlias && <>{problem.alias}. </>}
         {problemName}
diff --git a/judgels-client/src/components/ProblemWorksheetCard/Bundle/ProblemStatementCard/ProblemStatementCard.jsx b/judgels-client/src/components/ProblemWorksheetCard/Bundle/ProblemStatementCard/ProblemStatementCard.jsx
index 12a8b9bd9..991e0c5d2 100644
--- a/judgels-client/src/components/ProblemWorksheetCard/Bundle/ProblemStatementCard/ProblemStatementCard.jsx
+++ b/judgels-client/src/components/ProblemWorksheetCard/Bundle/ProblemStatementCard/ProblemStatementCard.jsx
@@ -78,7 +78,7 @@ export function ProblemStatementCard({
   };
 
   return (
-    <ContentCard>
+    <ContentCard secondary>
       {showTitle && (
         <h2 className="bundle-problem-statement__name">
           {alias ? `${alias}. ` : ''}
diff --git a/judgels-client/src/components/ProblemWorksheetCard/Bundle/ProblemSubmissionCard/ProblemSubmissionCard.jsx b/judgels-client/src/components/ProblemWorksheetCard/Bundle/ProblemSubmissionCard/ProblemSubmissionCard.jsx
index eb804714c..cd7d1e845 100644
--- a/judgels-client/src/components/ProblemWorksheetCard/Bundle/ProblemSubmissionCard/ProblemSubmissionCard.jsx
+++ b/judgels-client/src/components/ProblemWorksheetCard/Bundle/ProblemSubmissionCard/ProblemSubmissionCard.jsx
@@ -30,5 +30,5 @@ export function ProblemSubmissionCard({ reasonNotAllowedToSubmit, resultsUrl })
     );
   };
 
-  return <ContentCard>{renderSubmissionForm()}</ContentCard>;
+  return <ContentCard secondary>{renderSubmissionForm()}</ContentCard>;
 }
diff --git a/judgels-client/src/components/ProblemWorksheetCard/Programming/ProblemStatementCard/ProblemStatementCard.jsx b/judgels-client/src/components/ProblemWorksheetCard/Programming/ProblemStatementCard/ProblemStatementCard.jsx
index 64511138c..1473c701d 100644
--- a/judgels-client/src/components/ProblemWorksheetCard/Programming/ProblemStatementCard/ProblemStatementCard.jsx
+++ b/judgels-client/src/components/ProblemWorksheetCard/Programming/ProblemStatementCard/ProblemStatementCard.jsx
@@ -33,7 +33,7 @@ export function ProblemStatementCard({
   };
 
   return (
-    <ContentCard>
+    <ContentCard secondary>
       {showTitle && (
         <h2 className="programming-problem-statement__name">
           {alias ? `${alias}. ` : ''}
diff --git a/judgels-client/src/components/ProblemWorksheetCard/Programming/ProblemSubmissionCard/ProblemSubmissionCard.jsx b/judgels-client/src/components/ProblemWorksheetCard/Programming/ProblemSubmissionCard/ProblemSubmissionCard.jsx
index 3779428ce..d35cb33c1 100644
--- a/judgels-client/src/components/ProblemWorksheetCard/Programming/ProblemSubmissionCard/ProblemSubmissionCard.jsx
+++ b/judgels-client/src/components/ProblemWorksheetCard/Programming/ProblemSubmissionCard/ProblemSubmissionCard.jsx
@@ -42,7 +42,7 @@ export function ProblemSubmissionCard({
   };
 
   return (
-    <ContentCard>
+    <ContentCard secondary>
       <h4>Submit solution</h4>
       {renderSubmissionForm()}
     </ContentCard>
diff --git a/judgels-client/src/routes/contests/contests/ContestCard/ContestCard.jsx b/judgels-client/src/routes/contests/contests/ContestCard/ContestCard.jsx
index 3b469c384..6a340527e 100644
--- a/judgels-client/src/routes/contests/contests/ContestCard/ContestCard.jsx
+++ b/judgels-client/src/routes/contests/contests/ContestCard/ContestCard.jsx
@@ -13,7 +13,7 @@ export class ContestCard extends PureComponent {
     const { contest, role } = this.props;
 
     return (
-      <ContentCardLink to={`/contests/${contest.slug}`}>
+      <ContentCardLink secondary to={`/contests/${contest.slug}`}>
         <h4 className="contest-card-name">
           {contest.name}
           <div className="contest-card-role">
diff --git a/judgels-client/src/routes/contests/contests/single/problems/ContestProblemCard/ContestProblemCard.jsx b/judgels-client/src/routes/contests/contests/single/problems/ContestProblemCard/ContestProblemCard.jsx
index a6cf8a282..9b70ac8eb 100644
--- a/judgels-client/src/routes/contests/contests/single/problems/ContestProblemCard/ContestProblemCard.jsx
+++ b/judgels-client/src/routes/contests/contests/single/problems/ContestProblemCard/ContestProblemCard.jsx
@@ -24,7 +24,7 @@ export function ContestProblemCard({
   };
 
   return (
-    <ContentCardLink className="contest-problem-card" to={`/contests/${contest.slug}/problems/${alias}`}>
+    <ContentCardLink secondary className="contest-problem-card" to={`/contests/${contest.slug}/problems/${alias}`}>
       <div className=" float-left">
         <span data-key="name">
           {alias}. {problemName}
diff --git a/judgels-client/src/routes/problems/problemsets/ProblemSetCard/ProblemSetCard.jsx b/judgels-client/src/routes/problems/problemsets/ProblemSetCard/ProblemSetCard.jsx
index 806f5e721..ad7115a4e 100644
--- a/judgels-client/src/routes/problems/problemsets/ProblemSetCard/ProblemSetCard.jsx
+++ b/judgels-client/src/routes/problems/problemsets/ProblemSetCard/ProblemSetCard.jsx
@@ -29,7 +29,7 @@ export function ProblemSetCard({ problemSet, archiveDescription, progress, profi
   };
 
   return (
-    <ContentCardLink to={`/problems/${problemSet.slug}`}>
+    <ContentCardLink secondary to={`/problems/${problemSet.slug}`}>
       <h4 className="problemset-card__name">
         {problemSet.name}
         {renderProgress()}