diff --git a/module/webui/index.html b/module/webui/index.html
index b06c19c..0e5ec25 100644
--- a/module/webui/index.html
+++ b/module/webui/index.html
@@ -97,29 +97,29 @@
                 <div class="content" data-package="">
                     <div class="mode">
                         <label class="mode-switch" id="normal">
-					        <input type="radio" class="mode-input" id="normal-mode">
-					        <i class="mode-icon">
-					            <div class="status-indicator" id="normal-indicator">
-				                    <svg xmlns="http://www.w3.org/2000/svg" height="30px" viewBox="0 -960 960 960" width="30px" fill="#ffffff"><path d="M480-480Zm0 280q-116 0-198-82t-82-198q0-116 82-198t198-82q116 0 198 82t82 198q0 116-82 198t-198 82Zm0-80q83 0 141.5-58.5T680-480q0-83-58.5-141.5T480-680q-83 0-141.5 58.5T280-480q0 83 58.5 141.5T480-280Z"/></svg>
-				                </div>
-				            </i>
-				        </label>
-				        <label class="mode-switch" id="hack">
-					        <input type="radio" class="mode-input" id="hack-mode">
-					        <i class="mode-icon">
-					            <div class="status-indicator" id="hack-indicator">
-				                    <svg xmlns="http://www.w3.org/2000/svg" height="19px" viewBox="0 -960 960 960" width="19px" fill="#ffffff"><path d="M424-320q0-81 14.5-116.5T500-514q41-36 62.5-62.5T584-637q0-41-27.5-68T480-732q-51 0-77.5 31T365-638l-103-44q21-64 77-111t141-47q105 0 161.5 58.5T698-641q0 50-21.5 85.5T609-475q-49 47-59.5 71.5T539-320H424Zm56 240q-33 0-56.5-23.5T400-160q0-33 23.5-56.5T480-240q33 0 56.5 23.5T560-160q0 33-23.5 56.5T480-80Z"/></svg>
-				                </div>
-				            </i>
-				        </label>
-				        <label class="mode-switch" id="generate">
-					        <input type="radio" class="mode-input" id="generate-mode">
-					        <i class="mode-icon">
-					            <div class="status-indicator" id="generate-indicator">
-				                    <svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960" width="18px" fill="#ffffff"><path d="M480-120q-33 0-56.5-23.5T400-200q0-33 23.5-56.5T480-280q33 0 56.5 23.5T560-200q0 33-23.5 56.5T480-120Zm-80-240v-480h160v480H400Z"/></svg>
-				                </div>
-				            </i>
-				        </label>
+                            <input type="radio" class="mode-input" id="normal-mode">
+                            <i class="mode-icon">
+                                <div class="status-indicator" id="normal-indicator">
+                                    <svg xmlns="http://www.w3.org/2000/svg" height="30px" viewBox="0 -960 960 960" width="30px" fill="#ffffff"><path d="M480-480Zm0 280q-116 0-198-82t-82-198q0-116 82-198t198-82q116 0 198 82t82 198q0 116-82 198t-198 82Zm0-80q83 0 141.5-58.5T680-480q0-83-58.5-141.5T480-680q-83 0-141.5 58.5T280-480q0 83 58.5 141.5T480-280Z"/></svg>
+                                </div>
+                            </i>
+                        </label>
+                        <label class="mode-switch" id="generate">
+                            <input type="radio" class="mode-input" id="generate-mode">
+                            <i class="mode-icon">
+                                <div class="status-indicator" id="generate-indicator">
+                                    <svg xmlns="http://www.w3.org/2000/svg" height="18px" viewBox="0 -960 960 960" width="18px" fill="#ffffff"><path d="M480-120q-33 0-56.5-23.5T400-200q0-33 23.5-56.5T480-280q33 0 56.5 23.5T560-200q0 33-23.5 56.5T480-120Zm-80-240v-480h160v480H400Z"/></svg>
+                                </div>
+                            </i>
+                        </label>
+                        <label class="mode-switch" id="hack">
+                            <input type="radio" class="mode-input" id="hack-mode">
+                            <i class="mode-icon">
+                                <div class="status-indicator" id="hack-indicator">
+                                    <svg xmlns="http://www.w3.org/2000/svg" height="19px" viewBox="0 -960 960 960" width="19px" fill="#ffffff"><path d="M424-320q0-81 14.5-116.5T500-514q41-36 62.5-62.5T584-637q0-41-27.5-68T480-732q-51 0-77.5 31T365-638l-103-44q21-64 77-111t141-47q105 0 161.5 58.5T698-641q0 50-21.5 85.5T609-475q-49 47-59.5 71.5T539-320H424Zm56 240q-33 0-56.5-23.5T400-160q0-33 23.5-56.5T480-240q33 0 56.5 23.5T560-160q0 33-23.5 56.5T480-80Z"/></svg>
+                                </div>
+                            </i>
+                        </label>
                     </div>
                     <p class="name"></p>
                     <div class="checkbox-wrapper">
diff --git a/module/webui/scripts/main.js b/module/webui/scripts/main.js
index 3da9ec6..006a942 100644
--- a/module/webui/scripts/main.js
+++ b/module/webui/scripts/main.js
@@ -19,7 +19,7 @@ export const basePath = "set-path";
 export const appsWithExclamation = [];
 export const appsWithQuestion = [];
 const ADDITIONAL_APPS = [ "com.google.android.gms", "io.github.vvb2060.keyattestation", "io.github.vvb2060.mahoshojo", "icu.nullptr.nativetest" ];
-const rippleClasses = ['.language-option', '.menu-button', '.menu-options li', '.search-card', '.card', '.update-card', '.link-icon', '.floating-btn', '.uninstall-container', '.boot-hash-save-button', '.boot-hash-value'];
+const rippleClasses = ['.language-option', '.menu-button', '.menu-options li', '.search-card', '.card', '.update-card', '.link-icon', '.floating-btn', '.uninstall-container', '.boot-hash-save-button', '.boot-hash-value', '.status-indicator'];
 
 // Variables
 let e = 0;
@@ -201,7 +201,7 @@ function applyRippleEffect() {
                 const y = event.clientY - rect.top - size / 2;
 
                 // Determine animation duration
-                let duration = 0.2 + (width / 800) * 0.4;
+                let duration = 0.3 + (width / 800) * 0.3;
                 duration = Math.min(0.8, Math.max(0.2, duration));
 
                 // Set ripple styles
diff --git a/module/webui/styles/applist.css b/module/webui/styles/applist.css
index 67b9aba..0f1082d 100644
--- a/module/webui/styles/applist.css
+++ b/module/webui/styles/applist.css
@@ -46,7 +46,7 @@
     margin: 0 auto;
     margin-bottom: 10px;
     outline: none;
-    padding: 10px;
+    padding: 13px;
     width: calc(100% - 30px);
     max-width: 900px;
     transition: background-color 0.2s ease;
@@ -113,12 +113,14 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    width: 30px;
-    height: 30px;
+    width: 35px;
+    height: 35px;
     border-radius: 7px;
     box-sizing: border-box;
     transition: border-color 0.2s ease;
     border: 3px solid transparent;
+    position: relative;
+    overflow: hidden;
 }
 
 #normal-indicator {
@@ -130,7 +132,7 @@
 }
 
 #generate-indicator {
-    background-color: #6C00FF;
+    background-color: #51FF00;
 }
 
 .mode-input[type="radio"]:checked ~ .mode-icon .status-indicator {
@@ -190,8 +192,8 @@
 }
 
 .checkbox-checked-generate:checked + .custom-checkbox {
-    border-color: #6C00FF;
-    background-color: #6C00FF;
+    border-color: #51FF00;
+    background-color: #51FF00;
 }
 
 .checkbox-checked-hack:checked + .custom-checkbox {