From e66eb7913a8e126b6a81d5560b6006241ee2a892 Mon Sep 17 00:00:00 2001
From: abiyasa05 <abiyasap24@gmail.com>
Date: Thu, 28 Nov 2024 15:31:33 +0700
Subject: [PATCH] fix: add md:bg-white when responsive and margin bottom on
 Assessment Result Value Diagram

---
 .../routes/_dashboardLayout/assessmentResult/index.lazy.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/routes/_dashboardLayout/assessmentResult/index.lazy.tsx b/apps/frontend/src/routes/_dashboardLayout/assessmentResult/index.lazy.tsx
index dd81419..4a34f3f 100644
--- a/apps/frontend/src/routes/_dashboardLayout/assessmentResult/index.lazy.tsx
+++ b/apps/frontend/src/routes/_dashboardLayout/assessmentResult/index.lazy.tsx
@@ -556,7 +556,7 @@ export default function AssessmentResultPage() {
         </div>
       </div>
 
-      <Card className="flex flex-col w-screen h-fit border-none shadow-none -mt-6 lg:-mr-5 lg:-ml-0 -mx-3 bg-stone-50 overflow-hidden">
+      <Card className="flex flex-col w-screen h-fit border-none shadow-none -mt-6 lg:-mr-5 lg:-ml-0 -mx-3 lg:bg-stone-50 md:bg-white overflow-hidden">
         <div className="flex flex-col w-full h-fit mb-4 justify-center items-start bg-white p-4 border-b">
           {/* Konten Header */}
           <div className="flex flex-col lg:flex-row justify-between items-center w-full">
@@ -787,7 +787,7 @@ export default function AssessmentResultPage() {
           </>
         )}
 
-        <Card className="flex flex-col lg:flex-row gap-4 border-none shadow-none lg:mx-4 bg-transparent">
+        <Card className="flex flex-col lg:flex-row gap-4 border-none shadow-none lg:mx-4 bg-transparent mb-4">
           {/* Bar Chart */}
           {selectedItem === 'Hasil Asesmen' ? (
             <>