diff --git a/resources/views/course.blade.php b/resources/views/course.blade.php
index ad324037d2a8dfc604b3ec2df1de98f6f760f259..4c807cf816dd3d371092b18832701be7a5667703 100644
--- a/resources/views/course.blade.php
+++ b/resources/views/course.blade.php
@@ -57,7 +57,7 @@
     <div class="row justify-content">
         <div class="col-md-8">
             <div class="card">
-                <div class="card-header"><b>Kelas {{ $course->name }}</b></div>
+                <div class="card-header bg-primary text-white"><b>Kelas {{ $course->name }}</b></div>
                 @if( count($topics) == 0 )
                     <div class="card-body">Tidak ada Materi</div>
                 @endif
@@ -249,7 +249,7 @@
                 <br/>
             @endif
             <div class="card">
-                <div class="card-header"><b>Peserta Kelas</b></div>
+                <div class="card-header bg-primary text-white"><b>Peserta Kelas</b></div>
                 <div class="card-body">
                     {{ $teacher }} (Pengajar) <br/>
                     @foreach($students as $student)
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index e3d8dbb322246d987e91458ef3461ec4853b32f1..c7347c306420317ae263887213fd783e4b263522 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -43,7 +43,7 @@
     <div class="row justify-content">
         <div class="col-md-8">
             <div class="card">
-                <div class="card-header"><b>Kelasku</b></div>
+                <div class="card-header bg-primary text-white"><b>Kelasku</b></div>
                 <div class="card-columns card-body">
                     @if( count($enrolled) == 0 )
                         Tidak ada kelas yang diikuti
@@ -95,7 +95,7 @@
         </div>
         <div class="col-md-4">
             <div class="card">
-                <div class="card-header"><b>Profil</b></div>
+                <div class="card-header bg-primary text-white"><b>Profil</b></div>
                 <div class="card-body profile">
                     <img src="img/{{ $image }}" style="width:120px;height:120px;" alt="No Picture"> <br/>
                     <a id="profile-name">{{ $profile->name }}</a> <br/>
@@ -138,7 +138,7 @@
         <div class="py-4 row justify-content-center">
             <div class="col-md-12">
                 <div class="card">
-                    <div class="card-header"><b>Kelas Tersedia</b></div>
+                    <div class="card-header bg-primary text-white"><b>Kelas Tersedia</b></div>
                     <div class="accordion" id="accordionCourses">
                         @foreach($courses as $index => $course)
                             <div class="card">
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index fed7123e6123768b0f242c0648121c6b9af83ff9..fb447aad0e43beb124a6dfefe30a5455a0fa7662 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -26,7 +26,7 @@
 </head>
 <body onLoad="iFrameOn();">
     <div id="app">
-        <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
+        <nav class="navbar navbar-expand-md navbar-dark bg-primary shadow-sm">
             <div class="container">
                 <a class="navbar-brand" href="{{ url('/') }}">
                     {{ config('app.name', 'Laravel') }}