diff --git a/src/app/(frontend)/styles.css b/src/app/(frontend)/styles.css
index a41ebf8..ef60743 100644
--- a/src/app/(frontend)/styles.css
+++ b/src/app/(frontend)/styles.css
@@ -434,6 +434,12 @@
     }
 }
 
+.commendation-card {
+    align-self: start;
+    gap: 0.5rem;
+    padding: 0.625rem 0.75rem;
+}
+
 /* Scrollbars — styled to match the dark frontend theme */
 * {
   scrollbar-width: thin;
diff --git a/src/components/frontend/account/AwardCard.tsx b/src/components/frontend/account/AwardCard.tsx
index 189d550..e2cf406 100644
--- a/src/components/frontend/account/AwardCard.tsx
+++ b/src/components/frontend/account/AwardCard.tsx
@@ -28,7 +28,7 @@ export default function AwardCard(props: { awardImage: Media | null; award: Awar
       size={isCommendation ? "sm" : "default"}
       className={cn("text-center", {
         "medal-card": props.award.type === "medal",
-        "commendation-card": isCommendation,
+        "commendation-card self-start h-fit": isCommendation,
       })}
       style={
         commendationColor