diff --git a/src/main/resources/static/assets/custom/index/images/page-bg-4.png b/src/main/resources/static/assets/custom/index/images/page-bg-4.png
new file mode 100644
index 0000000..bc8641f
Binary files /dev/null and b/src/main/resources/static/assets/custom/index/images/page-bg-4.png differ
diff --git a/src/main/resources/static/assets/custom/index/images/page-bg.png b/src/main/resources/static/assets/custom/index/images/page-bg.png
index bc8641f..4ff722d 100644
Binary files a/src/main/resources/static/assets/custom/index/images/page-bg.png and b/src/main/resources/static/assets/custom/index/images/page-bg.png differ
diff --git a/src/main/resources/templates/index/index.html b/src/main/resources/templates/index/index.html
index 24bd9e0..dc93c94 100644
--- a/src/main/resources/templates/index/index.html
+++ b/src/main/resources/templates/index/index.html
@@ -7,6 +7,9 @@
     <title th:text="${systemTitle}"></title>
     <link rel="stylesheet" href="assets/custom/index/css/swiper.min.css?t=1">
     <link rel="stylesheet" href="assets/custom/index/css/style.css?t=1">
+    <style>
+        .swiper-slide a {position: unset;}
+    </style>
 </head>
 <body>
 <div id="app">
@@ -21,14 +24,16 @@
         <div class="swiper-container">
             <div class="swiper-wrapper">
                 <div class="swiper-slide" th:each="oAuth2Client: ${listOAuth2Client}">
-                    <a th:href="${oAuth2Client.webServerRedirectUri}" class="guide-box">
+                    <div class="guide-box">
                         <div class="slide-box">
-                            <img th:if="${oAuth2Client.systemIcon ne ''}" th:src="'route/file/download/false/'+ ${oAuth2Client.systemIcon}" alt="">
-                            <img th:if="${oAuth2Client.systemIcon eq ''}" src="assets/custom/index/images/system.png"/>
-                            <div class="system-name" th:text="${oAuth2Client.clientName}"></div>
-                            <div class="system-name-small" th:text="${oAuth2Client.environment}"></div>
+                            <a th:href="${oAuth2Client.webServerRedirectUri}">
+                                <img th:if="${oAuth2Client.systemIcon ne ''}" th:src="'route/file/download/false/'+ ${oAuth2Client.systemIcon}" alt="">
+                                <img th:if="${oAuth2Client.systemIcon eq ''}" src="assets/custom/index/images/system.png"/>
+                                <div class="system-name" th:text="${oAuth2Client.clientName}"></div>
+                                <!--<div class="system-name-small" th:text="${oAuth2Client.environment}"></div>-->
+                            </a>
                         </div>
-                    </a>
+                    </div>
                 </div>
             </div>
             <div class="swiper-pagination"></div>
@@ -54,6 +59,7 @@
                         delay: 3000,
                         disableOnInteraction : false
                     },
+                    slideToClickedSlide: true,
                     pagination: {
                         el: '.swiper-pagination',
                         clickable: true,
