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' ? (
             <>