diff --git a/src/app/components/building-passport/RecommendationContainer.tsx b/src/app/components/building-passport/RecommendationContainer.tsx
index b7dc87b..9780819 100644
--- a/src/app/components/building-passport/RecommendationContainer.tsx
+++ b/src/app/components/building-passport/RecommendationContainer.tsx
@@ -78,7 +78,7 @@ export default function RecommendationContainer({
 
   return (
     <>
-      <div className="mb-4 flex flex-col grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 items-stretch">
+      <div className="mb-4 flex-col grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 items-stretch">
         <RecommendationCostSummaryCard
           totalEstimatedCost={totalEstimatedCost}
           totalSapPoints={totalSapPoints}
@@ -91,7 +91,7 @@ export default function RecommendationContainer({
       </div>
 
       <Separator className="mb-4" />
-      <div className="flex flex-col grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 items-stretch">
+      <div className="flex-col grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 items-stretch">
         {Object.entries(categorizedRecommendations).map(
           ([componentType, recommendationData], idx) => {
             return (