diff --git a/resources/views/auth/index.blade.php b/resources/views/auth/index.blade.php
index 585185c..80a6ef8 100644
--- a/resources/views/auth/index.blade.php
+++ b/resources/views/auth/index.blade.php
@@ -77,6 +77,37 @@
             flex-direction:column;
             justify-content:center;
         }
+        .carousel-indicators{
+            bottom:-35px;
+        }
+
+        .carousel-indicators button{
+            width:10px !important;
+            height:10px !important;
+            border-radius:50% !important;
+            border:none !important;
+            margin:0 4px !important;
+            background:#adb5bd !important;
+            opacity:1 !important;
+        }
+
+        .carousel-indicators .active{
+            background:#212529 !important;
+            transform:scale(1.3);
+        }
+        .carousel-control-prev,
+        .carousel-control-next{
+            width:45px;
+        }
+
+        .carousel-control-prev-icon,
+        .carousel-control-next-icon{
+            background-color:#fff;
+            border-radius:50%;
+            padding:18px;
+            box-shadow:0 2px 8px rgba(0,0,0,.15);
+            filter: invert(1);
+        }
     </style>
   <body>
     <!-- Content -->
@@ -84,19 +115,42 @@
 
     <div class="container">
         <div class="row min-vh-100">
-            <div class="col-lg-8">
+            <div class="col-lg-8 d-none d-lg-block">
 
-                <div class="text-center" style="padding-top:80px; margin-bottom:0px;">
+                <div class="text-center pt-5">
                     <img src="/logo/logo_rsabhk.png"
                         class="img-fluid"
                         style="max-height:90px;">
-                     <h5 class="fw-bold mt-4">RUMAH SAKIT ANAK DAN BUNDA HARAPAN KITA</h4>
+
+                    <h5 class="fw-bold mt-3 mb-2">
+                        RUMAH SAKIT ANAK DAN BUNDA HARAPAN KITA
+                    </h5>
                 </div>
+
                 <div id="loginCarousel"
-                    class="carousel slide carousel-fade"
+                    class="carousel slide"
                     data-bs-ride="carousel"
                     data-bs-interval="3000">
 
+                    <!-- Indicator -->
+                    <div class="carousel-indicators">
+
+                        <button type="button"
+                                data-bs-target="#loginCarousel"
+                                data-bs-slide-to="0"
+                                class="active"
+                                aria-current="true"></button>
+
+                        <button type="button"
+                                data-bs-target="#loginCarousel"
+                                data-bs-slide-to="1"></button>
+
+                        <button type="button"
+                                data-bs-target="#loginCarousel"
+                                data-bs-slide-to="2"></button>
+
+                    </div>
+
                     <div class="carousel-inner">
 
                         <div class="carousel-item active text-center">
@@ -115,6 +169,7 @@
                         </div>
 
                     </div>
+
                 </div>
 
             </div>
@@ -206,14 +261,9 @@
 
     <script src="{{ ver('/assets/vendor/js/menu.js') }}"></script>
     <!-- endbuild -->
-
-    <!-- Vendors JS -->
-
     <!-- Main JS -->
     <script src="{{ ver('/assets/js/main.js') }}"></script>
 
-    <!-- Page JS -->
-
     <!-- Place this tag in your head or just before your close body tag. -->
     <script async defer src="https://buttons.github.io/buttons.js"></script>
   </body>
