diff --git a/webroot.zip b/webroot.zip
new file mode 100644
index 0000000..c504b6f
Binary files /dev/null and b/webroot.zip differ
diff --git a/webroot/js/main.js b/webroot/js/main.js
index b7c90d1..33ed3ea 100644
--- a/webroot/js/main.js
+++ b/webroot/js/main.js
@@ -111,7 +111,7 @@ import { setNewLanguage, getTranslations } from './language.js'
     const modules = findModulesCmd.stdout.split('\n')
 
     if (modules.length === 0) return;
-
+      
     for (const module of modules) {
       const lsZygiskCmd = await exec(`ls ${module}/zygisk`)
       if (lsZygiskCmd.errno !== 0) {
@@ -133,11 +133,11 @@ import { setNewLanguage, getTranslations } from './language.js'
         const name = lines.find(line => line.includes('name=')).split('=')[1]
 
         modules_list.innerHTML += 
-        `<div class="dim card">
-          <div class="dimc" style="font-size: 1.1em;">${name}</div>
-          <div class="dimc desc" style="font-size: 0.9em; margin-top: 3px; white-space: nowrap; align-items: center; display: flex;">
-            <div class="dimc arch_desc">${translations.page.modules.arch}</div>
-            <div class="dimc" style="margin-left: 5px;">${bitsUsed.join(' / ')}</div>
+        `<div class="small_card" style="padding: 25px 15px;">
+          <div class="small_card_bg" style="font-size: 1.1em;">${name}</div>
+          <div class="small_card_bg desc" style="font-size: 0.9em; margin-top: 3px; white-space: nowrap; align-items: center; display: flex;">
+            <div class="small_card_bg arch_desc">${translations.page.modules.arch}</div>
+            <div class="small_card_bg" style="margin-left: 5px;">${bitsUsed.join(' / ')}</div>
           </div>
         </div>`
       } else {