diff --git a/common/resources/web/app.css b/common/resources/web/app.css
index 668a441f..675cc191 100644
--- a/common/resources/web/app.css
+++ b/common/resources/web/app.css
@@ -1,5 +1,10 @@
+body {
+  padding: 1em;
+  margin: 0;
+}
+
 button.faded {
-    opacity: 0.2;
+    opacity: 0.3;
 }
 
 table.main-table > thead > tr > th {
@@ -18,19 +23,35 @@ table.main-table > tbody > tr > td > button {
 
 button {
     box-sizing: border-box;
-    border-radius: 10px;
-    border-width: 4px;
-    border-style: solid;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     font-weight: bold;
     font-size: 14px;
-    height: 32px;
+    min-height: 32px;
+    width: 15em;
+    background-color: #333;
+    border-color: transparent;
+}
+
+:not(.main-container) .child :is(button) {
+    border-color: transparent;
+    background-color: transparent;
+    width: 100%;
+}
+
+button:hover:not(:disabled) {
+    filter: brightness(80%);
+    cursor: pointer;
 }
 
 button + button {
     margin-left: 16px;
 }
 
+button + button + button {
+  width: unset !important;
+  min-width: 220px !important;
+}
+
 select {
     display: inline-block;
     box-sizing: border-box;
@@ -167,7 +188,7 @@ ul.add-entity-list button.edit {
     gap: 8px;
 }
 
-.entity-info-classname {
+.entitSy-info-classname {
     display: inline-block;
 }
 
@@ -258,8 +279,18 @@ input[type=number] {
     font-size: 14px;
 }
 
+.search-wrapper {
+    position: fixed;
+    bottom: 1em;
+    left: 1em;
+}
+
 input.search {
     width: 300px;
+    padding: 0.4em;
+    border: none;
+    outline: none;
+    border-radius: 0px;
 }
 
 div.module-main {
@@ -429,16 +460,11 @@ div.edit-block-settings {
 }
 
 fieldset {
-    border-width: 4px;
-    border-style: solid;
-    border-radius: 10px;
-    width: 1000px;
-}
-
-div.module-sections {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
+  background-color: #15151580;
+  width: calc(100% - 30px);
+  border: none;
+  color: #fff;
+  width: 1000px;
 }
 
 legend {
@@ -447,6 +473,20 @@ legend {
     font-size: 14px;
     display: flex;
     align-items: center;
+
+    background-color: #2F81F7;
+    color: #fff;
+    
+    width: calc(100% + 24px);
+    padding: 10px;
+    box-sizing: border-box;
+    transform: translateX(-12px);
+}
+
+div.module-sections {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
 }
 
 legend > label {
@@ -781,32 +821,36 @@ table.inputs-table {
 
 @media (prefers-color-scheme: light) {
     body {
-        background-color: #FFFFFF;
         color: #000000;
+        background:
+          linear-gradient(
+            to bottom right,
+            #ffffff, 
+            #999999
+          );
+        min-height: 100vh;
     }
 
     a, a:visited {
-        color: #2F81F7;
+        color: #9FD0FB;
         text-decoration: none;
     }
 
     a:hover {
-        color: #2F81F7;
+        color: #9FD0FB;
         text-decoration: underline;
     }
 
     button {
-        border-color:#333AA3;
-        background-color: #FFFFFF;
-        color: #000000;
+        color: #ddd;
     }
 
     button.active {
-        background-color: #C6FFBA;
+        color: #61a2ff;
     }
 
     button:hover:not(:disabled) {
-        background-color: #BBBFFF;
+        color: #ddd;
     }
 
     .button-highlight {
@@ -833,6 +877,7 @@ table.inputs-table {
 
     ul.list-base > li {
         background: linear-gradient(0deg, #CCCCCC, #FFFFFF 50%, #CCCCCC 100%);
+        color: #000;
     }
 
     ul.list-base > li + li {
@@ -840,7 +885,7 @@ table.inputs-table {
     }
 
     div.entity-info-interface:after {
-        color: #8A5F10;
+        color: #ddd;
     }
 
     div.entity-info-id {
@@ -848,11 +893,11 @@ table.inputs-table {
     }
 
     div.section-description {
-        color: #92711f;
+        color: #ffe7b8;
     }
 
     div.input-description {
-        color: #92711f;
+        color: #ddd;
     }
 
     fieldset {
@@ -884,12 +929,22 @@ table.inputs-table {
     ul.refs .comment {
         color: #277813;
     }
+
+    ul.refs {
+        background-color: #242424;
+    }
 }
 
 @media (prefers-color-scheme: dark) {
     body {
-        background-color: #3C3F41;
         color: #BBBBBB;
+        background:
+          linear-gradient(
+            to bottom right,
+            #101010, 
+            #292929
+          );
+        min-height: 100vh;
     }
 
     a, a:visited {
@@ -903,17 +958,11 @@ table.inputs-table {
     }
 
     button {
-        background-color: #4C5052;
-        border-color: #5E6060;
         color: #BBBBBB;
     }
 
     button.active {
-        background-color: #3F523C;
-    }
-
-    button:hover:not(:disabled) {
-        background-color: #365880;
+        color: #2f81f7;
     }
 
     .button-highlight {
@@ -957,7 +1006,7 @@ table.inputs-table {
     }
 
     div.section-description {
-        color: #FFC66D;
+        color: #ffe7b8;
     }
 
     div.input-description {
@@ -993,4 +1042,45 @@ table.inputs-table {
     ul.refs .comment {
         color: #43CE21;
     }
-}
\ No newline at end of file
+
+    ul.refs {
+        background-color: #242424;
+    }
+}
+
+/* Main page styles */
+.main-container {
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+    gap: 20px;
+}
+
+.main-container > div {
+    flex: 1;
+}
+
+.main-container .child {
+    flex: 1;
+    background-color: #15151580;
+    height: auto;
+}
+
+.main-container .title {
+    height: 2em;
+    line-height: 2em;
+    text-align: center;
+
+    background-color: #2F81F7;
+    color: #fff;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    font-weight: bold;
+}
+
+legend .switch-label {
+  align-items: unset !important;
+}
+
+legend .switch-label span {
+  margin-bottom: 4px !important;
+}
diff --git a/common/resources/web/app.js b/common/resources/web/app.js
index 06baf603..a9844c97 100644
--- a/common/resources/web/app.js
+++ b/common/resources/web/app.js
@@ -108,7 +108,7 @@ import { addComponent } from '/components/Loader.js'
     loadModule('ElytraTunnelConfig', ['elytra', 'tunnel']);
     loadModule('FreeCamConfig', ['freecam', 'camera']);
     loadModule('LockInputsConfig', ['lock', 'inputs']);
-    loadModule('MovementHackConfig', ['movement', 'hack']);
+    loadModule('MovementHackConfig', ['movement', 'hack', 'anti knockback', 'speed', 'highjump']);
     loadModule('ScaffoldConfig', ['scaffold']);
     loadModule('AdvancedTooltipsConfig', ['advanced', 'tooltips']);
     loadModule('FogConfig', ['fog']);
@@ -152,7 +152,7 @@ import { addComponent } from '/components/Loader.js'
     loadModule('VillagerRollerConfig', ['villager', 'roller']);
     loadModule('AutoHotbarConfig', ['auto', 'hotbar']);
     loadModule('InvMoveConfig', ['inventory', 'move', 'keys']);
-    loadModule('AreaMineConfig', ['area', 'mine']);
+    loadModule('AreaMineConfig', ['area', 'mine', 'nuker']);
     loadModule('ServerPluginsConfig', ['server', 'plugins']);
     loadModule('HitboxSizeConfig', ['hitbox', 'size']);
     loadModule('BedrockBreakerConfig', ['bedrock', 'breaker']);
@@ -161,4 +161,4 @@ import { addComponent } from '/components/Loader.js'
     let app = Vue.createApp(args);
     app.mount('#vue-app');
 
-})();
\ No newline at end of file
+})();
diff --git a/common/resources/web/components/AdvancedTooltipsConfig.html b/common/resources/web/components/AdvancedTooltipsConfig.html
index 31c0b582..b608c3b5 100644
--- a/common/resources/web/components/AdvancedTooltipsConfig.html
+++ b/common/resources/web/components/AdvancedTooltipsConfig.html
@@ -2,23 +2,29 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Advanced Tooltips</legend>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.beeContainer"
-                    @change="update()">
-                <span>Show additional information in tooltips for Bee Hive and Bee Nest</span>
-            </label>
+    <div class="module-main">
+        <h2 class="module-header">Advanced Tooltips</h2>
+        <div class="description">
+            Show extra tooltip information in the inventory GUI.
         </div>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.repairCost"
-                    @change="update()">
-                <span>Repair cost. Can be useful for enchanting.</span>
-            </label>
-        </div>
-    </fieldset>
-</div>
\ No newline at end of file
+        <fieldset style="padding-top: 16px;" v-if="config">
+            <legend>Configuration</legend>
+            <div>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.beeContainer"
+                        @change="update()">
+                    <span>Show additional information in tooltips for Bee Hive and Bee Nest</span>
+                </label>
+            </div>
+            <div>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.repairCost"
+                        @change="update()">
+                    <span>Repair cost. Can be useful for enchanting.</span>
+                </label>
+            </div>
+        </fieldset>
+    </div>
+</div>
diff --git a/common/resources/web/components/AntiRespawnResetConfig.html b/common/resources/web/components/AntiRespawnResetConfig.html
index a406d71a..d645d74f 100644
--- a/common/resources/web/components/AntiRespawnResetConfig.html
+++ b/common/resources/web/components/AntiRespawnResetConfig.html
@@ -2,12 +2,13 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Anti Respawn Reset</legend>
+    <div class="module-main" v-if="config">
+        <h2 class="module-header">Anti Respawn Reset</h2>
         <div class="description">
             Prevents accidental right clicks on beds/respawn anchors.
         </div>
-        <div>
+
+        <div class="module-sections">
             <label class="switch-label">
                 <input type="checkbox" class="switch"
                     v-model="config.enabled"
@@ -15,5 +16,5 @@
                 <span>Enabled</span>
             </label>
         </div>
-    </fieldset>
-</div>
\ No newline at end of file
+    </div>
+</div>
diff --git a/common/resources/web/components/ArmorOverlayConfig.html b/common/resources/web/components/ArmorOverlayConfig.html
index 10b7ab1e..2bc0d10c 100644
--- a/common/resources/web/components/ArmorOverlayConfig.html
+++ b/common/resources/web/components/ArmorOverlayConfig.html
@@ -2,12 +2,13 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Armor Overlay</legend>
+    <div class="module-main" v-if="config">
+        <h2 class="module-header">Armor Overlay</h2>
         <div class="description">
             Display 4 armor slots above food bar.
         </div>
-        <div>
+
+        <div class="module-sections">
             <label class="switch-label">
                 <input type="checkbox" class="switch"
                     v-model="config.enabled"
@@ -15,5 +16,5 @@
                 <span>Enabled</span>
             </label>
         </div>
-    </fieldset>
-</div>
\ No newline at end of file
+    </div>
+</div>
diff --git a/common/resources/web/components/AutoCriticalsConfig.html b/common/resources/web/components/AutoCriticalsConfig.html
index eaf78de9..f1c2eac0 100644
--- a/common/resources/web/components/AutoCriticalsConfig.html
+++ b/common/resources/web/components/AutoCriticalsConfig.html
@@ -2,29 +2,31 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Auto Criticals</legend>
+    <div class="module-main">
+        <h2 class="module-header">Auto Criticals</h2>
         <div class="description">
             Tricks server to think every your attack is critical.
         </div>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.enabled"
-                    @change="update()">
-                <span>Enabled</span>
-            </label>
-        </div>
-        <div class="description">
-            Some servers may think you are lagging if you try to use auto criticals if you are not standing on ground. In this case server tries to rollback you to another position causing problems. Use below setting in this case.
-        </div>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.onlyOnGround"
-                    @change="update()">
-                <span>Only on ground</span>
-            </label>
-        </div>
-    </fieldset>
-</div>
\ No newline at end of file
+        <fieldset style="padding-top: 16px;" v-if="config">
+            <legend>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.enabled"
+                        @change="update()">
+                    <span>Enabled</span>
+                </label>
+            </legend>
+            <div class="description">
+                Some servers may think you are lagging if you try to use auto criticals if you are not standing on ground. In this case server tries to rollback you to another position causing problems. Use below setting in this case.
+            </div>
+            <div>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.onlyOnGround"
+                        @change="update()">
+                    <span>Only on ground</span>
+                </label>
+            </div>
+        </fieldset>
+    </div>
+</div>
diff --git a/common/resources/web/components/AutoFishConfig.html b/common/resources/web/components/AutoFishConfig.html
index 1379004e..696f6d93 100644
--- a/common/resources/web/components/AutoFishConfig.html
+++ b/common/resources/web/components/AutoFishConfig.html
@@ -2,18 +2,19 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Auto Fish</legend>
+    <div class="module-main" v-if="config">
+        <h2 class="module-header">Auto Fish</h2>
         <div class="description">
             To start automatic fishing, throw fishing bobber once. To stop you can pull bobber manually or disable it.
         </div>
-        <div>
+
+        <div class="module-sections">
             <label class="switch-label">
                 <input type="checkbox" class="switch"
-                    v-model="config.enabled"
-                    @change="update()">
+                  v-model="config.enabled"
+                  @change="update()">
                 <span>Enabled</span>
             </label>
         </div>
-    </fieldset>
-</div>
\ No newline at end of file
+    </div>
+</div>
diff --git a/common/resources/web/components/AutoTotemConfig.html b/common/resources/web/components/AutoTotemConfig.html
index ec993379..0db4728a 100644
--- a/common/resources/web/components/AutoTotemConfig.html
+++ b/common/resources/web/components/AutoTotemConfig.html
@@ -2,12 +2,13 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Auto Totem</legend>
+    <div class="module-main" v-if="config">
+        <h2 class="module-header">Auto Totem</h2>
         <div class="description">
             Automatically puts Totem of Undying into your offhand slot, if this slot is empty and you have totem in your inventory.
         </div>
-        <div>
+
+        <div class="module-sections">
             <label class="switch-label">
                 <input type="checkbox" class="switch"
                     v-model="config.enabled"
@@ -15,5 +16,5 @@
                 <span>Enabled</span>
             </label>
         </div>
-    </fieldset>
-</div>
\ No newline at end of file
+    </div>
+</div>
diff --git a/common/resources/web/components/BoatHackConfig.html b/common/resources/web/components/BoatHackConfig.html
index 6ade901c..01fa31c1 100644
--- a/common/resources/web/components/BoatHackConfig.html
+++ b/common/resources/web/components/BoatHackConfig.html
@@ -4,6 +4,9 @@
     </div>
     <div class="module-main" v-if="config">
         <h2 class="module-header">Boat Hack</h2>
+        <div class="description">
+            ?
+        </div>
 
         <div class="module-sections">
             <fieldset>
@@ -59,4 +62,4 @@ <h2 class="module-header">Boat Hack</h2>
             </fieldset>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/common/resources/web/components/ChunksConfig.html b/common/resources/web/components/ChunksConfig.html
index f16a0188..5deb2c2d 100644
--- a/common/resources/web/components/ChunksConfig.html
+++ b/common/resources/web/components/ChunksConfig.html
@@ -2,29 +2,35 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Chunks</legend>
+    <div class="module-main">
+        <h2 class="module-header">Chunks</h2>
         <div class="description">
-            Overrides server render distance. Some servers have pretty low render distance, and your game setting is getting overriden. For example, if server set render distance = 6 chunks, that means game doesn't render blocks 6*16=96 distance above or below you. If you select below option, you can see far above/below you (if you have decent Render Distance in-game setting).
+            Bypass the server render distance .
         </div>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.ignoreServerViewDistance"
-                    @change="update()">
-                <span>Ignore server view distance</span>
-            </label>
-        </div>
-        <div class="description">
-            Show unloaded chunks if they are in view distance. Makes your Minecraft client to respect your Render/Simulation Distance from game settings, and ignore settings set by server. Since these settings are set by server during login process, you need to relogin if you change Render/Simulation Distance.
-        </div>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.dontUnloadChunks"
-                    @change="update()">
-                <span>Don't unload chunks</span>
-            </label>
-        </div>
-    </fieldset>
-</div>
\ No newline at end of file
+        <fieldset style="padding-top: 16px;" v-if="config">
+            <legend>Override setup</legend>
+            <div class="description">
+                Overrides server render distance. Some servers have pretty low render distance, and your game setting is getting overriden. For example, if server set render distance = 6 chunks, that means game doesn't render blocks 6*16=96 distance above or below you. If you select below option, you can see far above/below you (if you have decent Render Distance in-game setting).
+            </div>
+            <div>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.ignoreServerViewDistance"
+                        @change="update()">
+                    <span>Ignore server view distance</span>
+                </label>
+            </div>
+            <div class="description">
+                Show unloaded chunks if they are in view distance. Makes your Minecraft client to respect your Render/Simulation Distance from game settings, and ignore settings set by server. Since these settings are set by server during login process, you need to relogin if you change Render/Simulation Distance.
+            </div>
+            <div>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.dontUnloadChunks"
+                        @change="update()">
+                    <span>Don't unload chunks</span>
+                </label>
+            </div>
+        </fieldset>
+    </div>
+</div>
diff --git a/common/resources/web/components/ContainerSummaryConfig.html b/common/resources/web/components/ContainerSummaryConfig.html
index c8dab322..4425e95b 100644
--- a/common/resources/web/components/ContainerSummaryConfig.html
+++ b/common/resources/web/components/ContainerSummaryConfig.html
@@ -2,27 +2,26 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Container Summary</legend>
+    <div class="module-main">
+        <h2 class="module-header">Container Summary</h2>
         <div class="description">
             Shows total number of items inside chests, barrels, etc., including nested shulker boxes.<br>
             Hold Alt to disable stacks grouping.
         </div>
-        <div>
-            <label class="switch-label">
+    <fieldset style="padding-top: 16px;" v-if="config">
+        <legend><label class="switch-label">
                 <input type="checkbox" class="switch"
                     v-model="config.enabled"
                     @change="update()">
                 <span>Enabled</span>
-            </label>
-        </div>
+            </label></legend>
         <div>
             <label class="switch-label">
                 <input type="checkbox" class="switch"
                     v-model="config.showForInventory"
                     @change="update()">
-                <span>Show for player inventory</span>
+                <span>Also show for player inventory</span>
             </label>
         </div>
     </fieldset>
-</div>
\ No newline at end of file
+</div>
diff --git a/common/resources/web/components/DeathCoordinatesConfig.html b/common/resources/web/components/DeathCoordinatesConfig.html
index 72c684fa..aea528de 100644
--- a/common/resources/web/components/DeathCoordinatesConfig.html
+++ b/common/resources/web/components/DeathCoordinatesConfig.html
@@ -2,12 +2,13 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Death Coordinates</legend>
+    <div class="module-main" v-if="config">
+        <h2 class="module-header">Death Coordinates</h2>
         <div class="description">
             Displays coordinates on death screen.
         </div>
-        <div>
+
+        <div class="module-sections">
             <label class="switch-label">
                 <input type="checkbox" class="switch"
                     v-model="config.enabled"
@@ -15,5 +16,5 @@
                 <span>Enabled</span>
             </label>
         </div>
-    </fieldset>
-</div>
\ No newline at end of file
+    </div>
+</div>
diff --git a/common/resources/web/components/ElytraTunnelConfig.html b/common/resources/web/components/ElytraTunnelConfig.html
index 8d1df7aa..e9d1a48c 100644
--- a/common/resources/web/components/ElytraTunnelConfig.html
+++ b/common/resources/web/components/ElytraTunnelConfig.html
@@ -2,23 +2,25 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Elytra Tunnel</legend>
+    <div class="module-main">
+        <h2 class="module-header">Elytra Tunnel</h2>
         <div class="description">
-            Allows you to fly in nether highways without stucking in holes in ceiling.<br>
-            For example, if ceiling is Y=123, you should enter slightly lower value, for example about 122.8. This module emulates collissions on the client, thus doesn't allow you to reach higher Y.
+                Allows you to fly in nether highways without stucking in holes in ceiling.<br>
+                For example, if ceiling is Y=123, you should enter slightly lower value, for example about 122.8. This module emulates collissions on the client, thus doesn't allow you to reach higher Y.
         </div>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.enabled"
-                    @change="update()">
-                <span>Enabled</span>
-            </label>
-        </div>
-        <div>
-            <span class="text">Limit Y:</span>
-            <input type="text" v-model="config.limit" @change="update()">
-        </div>
-    </fieldset>
-</div>
\ No newline at end of file
+        <fieldset style="padding-top: 16px;" v-if="config">
+            <legend>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.enabled"
+                        @change="update()">
+                    <span>Enabled</span>
+                </label>
+            </legend>
+            <div>
+                <span class="text">Limit Y:</span>
+                <input type="text" v-model="config.limit" @change="update()">
+            </div>
+        </fieldset>
+    </div>
+</div>
diff --git a/common/resources/web/components/EndCityChunksConfig.html b/common/resources/web/components/EndCityChunksConfig.html
index 9ea57f58..406174ec 100644
--- a/common/resources/web/components/EndCityChunksConfig.html
+++ b/common/resources/web/components/EndCityChunksConfig.html
@@ -2,12 +2,13 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>End City Chunks</legend>
+    <div class="module-main" v-if="config">
+        <h2 class="module-header">End City Chunks</h2>
         <div class="description">
             Highlights chunks where End Cities can generate. Chunk groups 9x9 size will be highlighted with transparent green layers, and center chunks highlighted with yellow. This helps you to move in direction of yellow path moving from one group to another.
         </div>
-        <div>
+
+        <div class="module-sections">
             <label class="switch-label">
                 <input type="checkbox" class="switch"
                     v-model="config.enabled"
@@ -15,5 +16,5 @@
                 <span>Enabled</span>
             </label>
         </div>
-    </fieldset>
-</div>
\ No newline at end of file
+    </div>
+</div>
diff --git a/common/resources/web/components/EntitiesConfig.html b/common/resources/web/components/EntitiesConfig.html
index 4ad37d60..36393870 100644
--- a/common/resources/web/components/EntitiesConfig.html
+++ b/common/resources/web/components/EntitiesConfig.html
@@ -57,12 +57,12 @@
                     </label>
                 </div>
                 <div class="c5">
-                    <button @click="moveUp(item)">🡅</button>
-                    <button @click="moveDown(item)">🡇</button>
+                    <button style="width: 2em;" @click="moveUp(item)">🡅</button>
+                    <button style="width: 2em;" @click="moveDown(item)">🡇</button>
                 </div>
                 <div class="c6">
-                    <button class="edit" @click="openEdit(item.clazz)">Edit</button>
-                    <button class="remove" @click="removeByClass(item.clazz)">Remove</button>
+                    <button style="width: 7em;" class="edit" @click="openEdit(item.clazz)">Edit</button>
+                    <button style="width: 7em;" class="remove" @click="removeByClass(item.clazz)">Remove</button>
                 </div>
             </li>
         </ul>
@@ -284,4 +284,4 @@
             </fieldset>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/common/resources/web/components/EventsScriptingConfig.html b/common/resources/web/components/EventsScriptingConfig.html
index d07536ae..bca9388c 100644
--- a/common/resources/web/components/EventsScriptingConfig.html
+++ b/common/resources/web/components/EventsScriptingConfig.html
@@ -4,31 +4,28 @@
         <button style="width: 200px;" @click="save()" v-if="config">Save</button>
         <button style="width: 200px;" @click="showApiRef()">Show/Hide API Reference</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Events Scripting</legend>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.enabled"
-                    @change="update()">
-                <span>Enabled</span>
-            </label>
+    <div class="module-main">
+        <h2 class="module-header">Events Scripting</h2>
+        <div class="description">
+            Create event based scripts, check the <a href="https://github.com/Zergatul/cheatutils/wiki/Events-Scripting" target="_blank" style="color: #0E7DDF !important;">Documentation</a> for more
         </div>
-        <div>
-            <a href="https://github.com/Zergatul/cheatutils/wiki/Events-Scripting" target="_blank">Documentation</a>
-        </div>
-        <div v-show="!showRefs">
-            <div>
-                <span class="text">Code:</span>
+        <fieldset style="padding-top: 16px;" v-if="config">
+            <legend><label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.enabled"
+                        @change="update()">
+                    <span>Enabled</span>
+                </label></legend>
+            <div v-show="!showRefs">
+                <div>
+                    <script-editor v-model="code"></script-editor>
+                </div>
             </div>
-            <div>
-                <script-editor v-model="code"></script-editor>
+            <div v-show="showRefs">
+                <ul class="refs">
+                    <li v-for="item in refs" v-html="item"></li>
+                </ul>
             </div>
-        </div>
-        <div v-show="showRefs">
-            <ul class="refs">
-                <li v-for="item in refs" v-html="item"></li>
-            </ul>
-        </div>
-    </fieldset>
-</div>
\ No newline at end of file
+        </fieldset>
+    </div>
+</div>
diff --git a/common/resources/web/components/GameTickScriptingConfig.html b/common/resources/web/components/GameTickScriptingConfig.html
index 80b90823..42c11356 100644
--- a/common/resources/web/components/GameTickScriptingConfig.html
+++ b/common/resources/web/components/GameTickScriptingConfig.html
@@ -4,42 +4,40 @@
         <button style="width: 200px;" @click="save()" v-if="config">Save</button>
         <button style="width: 200px;" @click="showApiRef()">Show/Hide API Reference</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Game Tick Scripting</legend>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.enabled"
-                    @change="update()">
-                <span>Enabled</span>
-            </label>
-        </div>
+    <div class="module-main">
+        <h2 class="module-header">Game Tick Scripting</h2>
         <div>
             <span class="text">This module may be removed in the future. Move your code to <b>Events Scripting</b> module like this:</span>
             <pre>
-events.onHandleKeys(() => {
-    // your code
-});
+  events.onHandleKeys(() => {
+      // your code
+  });
             </pre>
             <span class="text">Or if you want to run something every game tick, not related to handling keys, use this:</span>
             <pre>
-events.onTickEnd(() => {
-    // your code
-});
+  events.onTickEnd(() => {
+      // your code
+  });
             </pre>
         </div>
-        <div v-show="!showRefs">
-            <div>
-                <span class="text">Code:</span>
+
+        <fieldset style="padding-top: 16px;" v-if="config">
+            <legend><label class="switch-label">
+                <input type="checkbox" class="switch"
+                    v-model="config.enabled"
+                    @change="update()">
+                <span>Enabled</span>
+            </label></legend>
+            <div v-show="!showRefs">
+                <div>
+                    <script-editor v-model="code"></script-editor>
+                </div>
             </div>
-            <div>
-                <script-editor v-model="code"></script-editor>
+            <div v-show="showRefs">
+                <ul class="refs">
+                    <li v-for="item in refs" v-html="item"></li>
+                </ul>
             </div>
-        </div>
-        <div v-show="showRefs">
-            <ul class="refs">
-                <li v-for="item in refs" v-html="item"></li>
-            </ul>
-        </div>
-    </fieldset>
-</div>
\ No newline at end of file
+        </fieldset>
+    </div>
+</div>
diff --git a/common/resources/web/components/LockInputsConfig.html b/common/resources/web/components/LockInputsConfig.html
index 840373e6..daa2582c 100644
--- a/common/resources/web/components/LockInputsConfig.html
+++ b/common/resources/web/components/LockInputsConfig.html
@@ -2,48 +2,51 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Lock Inputs</legend>
+    <div class="module-main">
+        <h2 class="module-header">Lock Inputs</h2>
         <div class="description">
             Emulate holding keys or lock mouse input.
         </div>
-        <div class="description">
-            Disables mouse input to rotate your character. Can be useful for farming/building in background when you need to periodically check minecraft window.
-        </div>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.mouseInputDisabled"
-                    @change="update()">
-                <span>Disable Mouse Rotation Input</span>
-            </label>
-        </div>
-        <div class="description">
-            Hold specific key.
-        </div>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.holdForward"
-                    @change="update()">
-                <span>Hold Forward</span>
-            </label>
-        </div>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                   v-model="config.holdAttack"
-                   @change="update()">
-                <span>Hold Attack</span>
-            </label>
-        </div>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.holdUse"
-                    @change="update()">
-                <span>Hold Use</span>
-            </label>
-        </div>
-    </fieldset>
-</div>
\ No newline at end of file
+        <fieldset style="padding-top: 16px;" v-if="config">
+            <legend>Setup</legend>
+            <div class="description">
+                Disables mouse input to rotate your character. Can be useful for farming/building in background when you need to periodically check minecraft window.
+            </div>
+            <div>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.mouseInputDisabled"
+                        @change="update()">
+                    <span>Disable Mouse Rotation Input</span>
+                </label>
+            </div>
+            <div class="description">
+                Hold specific key.
+            </div>
+            <div>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.holdForward"
+                        @change="update()">
+                    <span>Hold Forward</span>
+                </label>
+            </div>
+            <div>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                       v-model="config.holdAttack"
+                       @change="update()">
+                    <span>Hold Attack</span>
+                </label>
+            </div>
+            <div>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.holdUse"
+                        @change="update()">
+                    <span>Hold Use</span>
+                </label>
+            </div>
+        </fieldset>
+    </div>
+</div>
diff --git a/common/resources/web/components/NewChunksConfig.html b/common/resources/web/components/NewChunksConfig.html
index 1e9db245..66d445a0 100644
--- a/common/resources/web/components/NewChunksConfig.html
+++ b/common/resources/web/components/NewChunksConfig.html
@@ -2,8 +2,8 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>New Chunks</legend>
+    <div class="module-main" v-if="config">
+        <h2 class="module-header">New Chunks</h2>
         <div class="description">
             Uses liquid flows (water and lava) to determine if chunk is newly generated. Chunk status is displayed on Exploration Mini Map.<br>
             Red squares - old chunks (chunks contains non-source water/lava blocks)<br>
@@ -11,7 +11,8 @@
             Yelllow squares - relatively new chunks (chunk already had non-source water/lava, but new non-source water/lava blocks appeared)<br>
             Chunk without square - there is no water/lava to guess chunk status
         </div>
-        <div>
+
+        <div class="module-sections">
             <label class="switch-label">
                 <input type="checkbox" class="switch"
                     v-model="config.enabled"
@@ -19,5 +20,5 @@
                 <span>Enabled</span>
             </label>
         </div>
-    </fieldset>
-</div>
\ No newline at end of file
+    </div>
+</div>
diff --git a/common/resources/web/components/NoFallConfig.html b/common/resources/web/components/NoFallConfig.html
index d2df932c..e3b29590 100644
--- a/common/resources/web/components/NoFallConfig.html
+++ b/common/resources/web/components/NoFallConfig.html
@@ -2,12 +2,13 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>No Fall</legend>
+    <div class="module-main" v-if="config">
+        <h2 class="module-header">No Fall</h2>
         <div class="description">
             When you are falling fast enough to take damage, it sends information to server that you are staying on the ground. Server uses this information to calculate fall damage. If server doesn't have protection against this usually you take no fall damage.
         </div>
-        <div>
+
+        <div class="module-sections">
             <label class="switch-label">
                 <input type="checkbox" class="switch"
                     v-model="config.enabled"
@@ -15,5 +16,5 @@
                 <span>Enabled</span>
             </label>
         </div>
-    </fieldset>
-</div>
\ No newline at end of file
+    </div>
+</div>
diff --git a/common/resources/web/components/ParticlesConfig.html b/common/resources/web/components/ParticlesConfig.html
index 4de2bee4..a0f743d7 100644
--- a/common/resources/web/components/ParticlesConfig.html
+++ b/common/resources/web/components/ParticlesConfig.html
@@ -2,26 +2,29 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Particles</legend>
+    <div class="module-main" v-if="config">
+        <h2 class="module-header">Particles</h2>
         <div class="description">
             Disables some particles.
         </div>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.disableBlockBreaking"
-                    @change="update()">
-                <span>Disable Block Cracking (TerrainParticle)</span>
-            </label>
+
+        <div class="module-sections">
+            <div>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.disableBlockBreaking"
+                        @change="update()">
+                    <span>Disable Block Cracking (TerrainParticle)</span>
+                </label>
+            </div>
+            <div>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.disableBlockDestroyed"
+                        @change="update()">
+                    <span>Disable Block Destroy (TerrainParticle)</span>
+                </label>
+            </div>
         </div>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.disableBlockDestroyed"
-                    @change="update()">
-                <span>Disable Block Destroy (TerrainParticle)</span>
-            </label>
-        </div>
-    </fieldset>
-</div>
\ No newline at end of file
+    </div>
+</div>
diff --git a/common/resources/web/components/PigHackConfig.html b/common/resources/web/components/PigHackConfig.html
index 2eaac89f..4a0341a2 100644
--- a/common/resources/web/components/PigHackConfig.html
+++ b/common/resources/web/components/PigHackConfig.html
@@ -2,38 +2,40 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Pig Hack</legend>
+    <div class="module-main">
+        <h2 class="module-header">Pig Hack</h2>
         <div class="description">
             Most servers have protection against big speed increase. However small speed increase may work well.
         </div>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.enabled"
-                    @change="update()">
-                <span>Enabled</span>
-            </label>
-        </div>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.allowRideWithoutCarrot"
-                    @change="update()">
-                <span>Allow ride without carrot on the stick</span>
-            </label>
-        </div>
-        <div>
-            <label class="switch-label">
-                <input type="checkbox" class="switch"
-                    v-model="config.overrideSteeringSpeed"
-                    @change="update()">
-                <span>Override steering speed</span>
-            </label>
-        </div>
-        <div>
-            <span class="text">Steering speed:</span>
-            <input type="text" v-model="config.steeringSpeed" @change="update()">
-        </div>
-    </fieldset>
-</div>
\ No newline at end of file
+        <fieldset style="padding-top: 16px;" v-if="config">
+            <legend>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.enabled"
+                        @change="update()">
+                    <span>Enabled</span>
+                </label>
+            </legend>
+            <div>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.allowRideWithoutCarrot"
+                        @change="update()">
+                    <span>Allow ride without carrot on the stick</span>
+                </label>
+            </div>
+            <div>
+                <label class="switch-label">
+                    <input type="checkbox" class="switch"
+                        v-model="config.overrideSteeringSpeed"
+                        @change="update()">
+                    <span>Override steering speed</span>
+                </label>
+            </div>
+            <div>
+                <span class="text">Steering speed:</span>
+                <input type="text" v-model="config.steeringSpeed" @change="update()">
+            </div>
+        </fieldset>
+    </div>
+</div>
diff --git a/common/resources/web/components/ScriptsConfig.html b/common/resources/web/components/ScriptsConfig.html
index ee8a1b33..7fee948b 100644
--- a/common/resources/web/components/ScriptsConfig.html
+++ b/common/resources/web/components/ScriptsConfig.html
@@ -2,6 +2,12 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
+  <div class="module-main">
+    <h2 class="module-header">Keybind scripts</h2>
+    <div class="description">
+      Setup scripts triggered when you press a keybind, you can set the key under control settings on your client.
+    </div>
+
     <fieldset style="padding-top: 16px;" v-if="list">
         <legend>Scripts</legend>
         <div v-if="mode == 'list'">
@@ -65,4 +71,5 @@
         </div>
     </fieldset>
     <a href="https://github.com/Zergatul/cheatutils/wiki/Scripting-Language-Reference" target="_blank">Scripting Language Reference</a>
-</div>
\ No newline at end of file
+</div>
+</div>
diff --git a/common/resources/web/components/ShulkerTooltipConfig.html b/common/resources/web/components/ShulkerTooltipConfig.html
index 0d8c3e8c..80720426 100644
--- a/common/resources/web/components/ShulkerTooltipConfig.html
+++ b/common/resources/web/components/ShulkerTooltipConfig.html
@@ -2,12 +2,13 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Shulker Tooltip</legend>
+    <div class="module-main" v-if="config">
+        <h2 class="module-header">Shulker Tooltip</h2>
         <div class="description">
             Hover mouse cursor over shulker box in inventory to see shulker content. Hold Ctrl while tooltip is active to lock tooltip in place. After this you can hover mouse cursor over items in shulker box.
         </div>
-        <div>
+
+        <div class="module-sections">
             <label class="switch-label">
                 <input type="checkbox" class="switch"
                     v-model="config.enabled"
@@ -15,5 +16,5 @@
                 <span>Enabled</span>
             </label>
         </div>
-    </fieldset>
-</div>
\ No newline at end of file
+    </div>
+</div>
diff --git a/common/resources/web/components/StatusEffectsConfig.html b/common/resources/web/components/StatusEffectsConfig.html
index eaccfee3..a87d1eb7 100644
--- a/common/resources/web/components/StatusEffectsConfig.html
+++ b/common/resources/web/components/StatusEffectsConfig.html
@@ -2,12 +2,14 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Status Effects</legend>
+    <div class="module-main" v-if="config">
+        <h2 class="module-header">Status Effects</h2>
         <div class="description">
             Display status effects above hotbar. Also displays seconds.
         </div>
-        <div>
+
+        <div class="module-sections">
+
             <label class="switch-label">
                 <input type="checkbox" class="switch"
                     v-model="config.enabled"
@@ -15,5 +17,5 @@
                 <span>Enabled</span>
             </label>
         </div>
-    </fieldset>
-</div>
\ No newline at end of file
+    </div>
+</div>
diff --git a/common/resources/web/components/StatusOverlayConfig.html b/common/resources/web/components/StatusOverlayConfig.html
index e2f22c8f..54347ae4 100644
--- a/common/resources/web/components/StatusOverlayConfig.html
+++ b/common/resources/web/components/StatusOverlayConfig.html
@@ -4,9 +4,12 @@
         <button style="width: 200px;" @click="save()" v-if="config">Save</button>
         <button style="width: 200px;" @click="showApiRef()">Show/Hide API Reference</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>Status Overlay</legend>
-        <div>
+    <div class="module-main">
+        <h2 class="module-header">Status Overlay</h2>
+        <div class="description">
+            Create a custom script for your status overlay.
+        </div>
+        <div v-if="config">
             <label class="switch-label">
                 <input type="checkbox" class="switch"
                     v-model="config.enabled"
@@ -14,19 +17,20 @@
                 <span>Enabled</span>
             </label>
         </div>
-        <div v-show="!showRefs">
-            <div>
-                <span class="text">Code:</span>
+        <br>
+        <fieldset style="padding-top: 16px;" v-if="config">
+            <legend>Code</legend>
+            <div v-show="!showRefs">
+                <div>
+                    <script-editor v-model="config.code"></script-editor>
+                </div>
             </div>
-            <div>
-                <script-editor v-model="config.code"></script-editor>
+            <div v-show="showRefs">
+                <ul class="refs">
+                    <li v-for="item in refs" v-html="item"></li>
+                </ul>
             </div>
-        </div>
-        <div v-show="showRefs">
-            <ul class="refs">
-                <li v-for="item in refs" v-html="item"></li>
-            </ul>
-        </div>
-    </fieldset>
-    <a href="https://github.com/Zergatul/cheatutils/wiki/Scripting-Language-Reference" target="_blank">Scripting Language Reference</a>
-</div>
\ No newline at end of file
+            <a href="https://github.com/Zergatul/cheatutils/wiki/Scripting-Language-Reference" target="_blank">Scripting Language Reference</a>
+        </fieldset>
+    </div>
+</div>
diff --git a/common/resources/web/components/UserNameConfig.html b/common/resources/web/components/UserNameConfig.html
index 4cd3c44c..ebaf8e2a 100644
--- a/common/resources/web/components/UserNameConfig.html
+++ b/common/resources/web/components/UserNameConfig.html
@@ -2,19 +2,20 @@
     <div>
         <button style="width: 200px;" @click="$emit('back')">Back</button>
     </div>
-    <fieldset style="padding-top: 16px;" v-if="config">
-        <legend>User Name</legend>
+    <div class="module-main">
+        <h2 class="module-header">Username</h2>
         <div class="description">
             Change user name without restarting Minecraft. This is only for pirate servers, it cannot work with Mojang authentication.
         </div>
-        <div>
+    <fieldset style="padding-top: 16px;" v-if="config">
+        <legend>
             <label class="switch-label">
                 <input type="checkbox" class="switch"
                     v-model="config.enabled"
                     @change="update()">
                 <span>Enabled</span>
             </label>
-        </div>
+        </legend>
         <div>
             <span class="text">Name:</span>
             <input type="text" v-model="config.name" @change="update()">
@@ -28,4 +29,4 @@
             </label>
         </div>
     </fieldset>
-</div>
\ No newline at end of file
+</div>
diff --git a/common/resources/web/index.html b/common/resources/web/index.html
index b334604a..4e4a45cd 100644
--- a/common/resources/web/index.html
+++ b/common/resources/web/index.html
@@ -17,302 +17,138 @@
                 <button v-on:click="hardSwitch()">Hard Switch</button>
             </div>
 
-            <div>
-                <span class="text">Filter:</span>
+            <div class="main-container">
+              <div>
+                <div class="child">
+                  <div class="title">
+                    Automation
+                  </div>
+                  <button @click="current = 'auto-disconnect'"    :class="{ faded: !filtered.AutoDisconnect,    active: statuses.AutoDisconnect }">Auto Disconnect</button><br>
+                  <button @click="current = 'auto-bucket'"        :class="{ faded: !filtered.AutoBucket,        active: statuses.AutoBucket }">Auto Bucket</button><br>
+                  <button @click="current = 'auto-fish'"          :class="{ faded: !filtered.AutoFish,          active: statuses.AutoFish }">Auto Fish</button><br>
+                  <button @click="current = 'auto-totem'"         :class="{ faded: !filtered.AutoTotem,         active: statuses.AutoTotem }">Auto Totem</button><br>
+                  <button @click="current = 'auto-drop'"          :class="{ faded: !filtered.AutoDrop,          active: statuses.AutoDrop }">Auto Drop</button><br>
+                  <button @click="current = 'container-buttons'"  :class="{ faded: !filtered.ContainerButtons,  active: statuses.ContainerButtons }">Container Buttons</button><br>
+                  <button @click="current = 'auto-eat'"           :class="{ faded: !filtered.AutoEat,           active: statuses.AutoEat }">Auto Eat</button><br>
+                  <button @click="current = 'anti-respawn-reset'" :class="{ faded: !filtered.AntiRespawnReset,  active: statuses.AntiRespawnReset }">Anti Respawn Reset</button><br>
+                  <button @click="current = 'auto-craft'"         :class="{ faded: !filtered.AutoCraft,         active: statuses.AutoCraft }">Auto Craft</button><br>
+                  <button @click="current = 'auto-attack'"        :class="{ faded: !filtered.AutoAttack,        active: statuses.AutoAttack }">Auto Attack</button><br>
+                  <button @click="current = 'schematica'"         :class="{ faded: !filtered.Schematica,        active: statuses.Schematica }">Schematica (ALPHA)</button><br>
+                  <button @click="current = 'auto-hotbar'"        :class="{ faded: !filtered.AutoHotbar,        active: statuses.AutoHotbar }">Auto Hotbar</button>
+                </div>
+              </div>
+
+              <div>
+                <div class="child">
+                  <div class="title">
+                    ESP
+                  </div>
+                  <button @click="current = 'blocks'"             :class="{ faded: !filtered.Blocks,            active: statuses.Blocks }">Blocks</button><br>
+                  <button @click="current = 'entities'"           :class="{ faded: !filtered.Entities,          active: statuses.Entities }">Entities</button><br>
+                  <button @click="current = 'projectile-path'"    :class="{ faded: !filtered.ProjectilePath,    active: statuses.ProjectilePath }">Projectile Path</button><br>
+                  <button @click="current = 'light-level'"        :class="{ faded: !filtered.LightLevel,        active: statuses.LightLevel }">Light Level</button><br>
+                  <button @click="current = 'end-city-chunks'"    :class="{ faded: !filtered.EndCityChunks,     active: statuses.EndCityChunks }">End City Chunks</button><br>
+                  <button @click="current = 'entity-owner'"       :class="{ faded: !filtered.EntityOwner,       active: statuses.EntityOwner }">Entity Owner</button><br>
+                  <button @click="current = 'free-cam'"           :class="{ faded: !filtered.FreeCam,           active: statuses.FreeCam }">Free Cam</button><br>
+                  <button @click="current = 'new-chunks'"         :class="{ faded: !filtered.NewChunks,         active: statuses.NewChunks }">New Chunks</button><br>
+                  <button @click="current = 'entity-title'"       :class="{ faded: !filtered.EntityTitle,       active: statuses.EntityTitle }">Entity Titles</button>
+                </div>
+              </div>
+
+              <div>
+                <div class="child">
+                  <div class="title">
+                    Hacks
+                  </div>
+                  <button @click="current = 'kill-aura'"          :class="{ faded: !filtered.KillAura,          active: statuses.KillAura }">Kill Aura</button><br>
+                  <button @click="current = 'elytra-hack'"        :class="{ faded: !filtered.ElytraHack,        active: statuses.ElytraHack }">Elytra Fly</button><br>
+                  <button @click="current = 'pig-hack'"           :class="{ faded: !filtered.PigHack,           active: statuses.PigHack }">Pig</button><br>
+                  <button @click="current = 'fly-hack'"           :class="{ faded: !filtered.FlyHack,           active: statuses.FlyHack }">Fly</button><br>
+                  <button @click="current = 'auto-criticals'"     :class="{ faded: !filtered.AutoCriticals,     active: statuses.AutoCriticals }">Auto Criticals</button><br>
+                  <button @click="current = 'elytra-tunnel'"      :class="{ faded: !filtered.ElytraTunnel,      active: statuses.ElytraTunnel }">Elytra Tunnel</button><br>
+                  <button @click="current = 'movement-hack'"      :class="{ faded: !filtered.MovementHack,      active: statuses.MovementHack }">Movement</button><br>
+                  <button @click="current = 'scaffold'"           :class="{ faded: !filtered.Scaffold,          active: statuses.Scaffold }">Scaffold</button><br>
+                  <button @click="current = 'no-fall'"            :class="{ faded: !filtered.NoFall,            active: statuses.NoFall }">No Fall</button><br>
+                  <button @click="current = 'fast-break'"         :class="{ faded: !filtered.FastBreak,         active: statuses.FastBreak }">Fast Break</button><br>
+                  <button @click="current = 'reach'"              :class="{ faded: !filtered.Reach,             active: statuses.Reach }">Reach</button><br>
+                  <button @click="current = 'teleport-hack'"      :class="{ faded: !filtered.TeleportHack,      active: statuses.TeleportHack }">Teleport</button><br>
+                  <button @click="current = 'fake-lag'"           :class="{ faded: !filtered.FakeLag,           active: statuses.FakeLag }">Fake Lag</button><br>
+                  <button @click="current = 'blink'"              :class="{ faded: !filtered.Blink,             active: statuses.Blink }">Blink</button><br>
+                  <button @click="current = 'boat-hack'"          :class="{ faded: !filtered.BoatHack,          active: statuses.BoatHack }">Boat</button><br>
+                  <button @click="current = 'inv-move'"           :class="{ faded: !filtered.InvMove,           active: statuses.InvMove }">Inv Move</button><br>
+                  <button @click="current = 'area-mine'"          :class="{ faded: !filtered.AreaMine,          active: statuses.AreaMine }">Area Mine</button><br>
+                  <button @click="current = 'server-plugins'"     :class="{ faded: !filtered.ServerPlugins,     active: statuses.ServerPlugins }">Server Plugins</button><br>
+                  <button @click="current = 'hitbox-size'"        :class="{ faded: !filtered.HitboxSize,        active: statuses.HitboxSize }">HitBox Size</button><br>
+                  <button @click="current = 'bedrock-breaker'"    :class="{ faded: !filtered.BedrockBreaker,    active: statuses.BedrockBreaker }">Bedrock Breaker</button>
+                </div>
+              </div>
+
+              <div>
+                <div class="child">
+                  <div class="title">
+                    Visuals
+                  </div>
+                  <button @click="current = 'full-bright'"        :class="{ faded: !filtered.FullBright,        active: statuses.FullBright }">Full Bright</button><br>
+                  <button @click="current = 'armor-overlay'"      :class="{ faded: !filtered.ArmorOverlay,      active: statuses.ArmorOverlay }">Armor Overlay</button><br>
+                  <button @click="current = 'shulker-tooltip'"    :class="{ faded: !filtered.ShulkerTooltip,    active: statuses.ShulkerTooltip }">Shulker Tooltip</button><br>
+                  <button @click="current = 'advanced-tooltips'"  :class="{ faded: !filtered.AdvancedTooltips,  active: statuses.AdvancedTooltips }">Advanced Tooltips</button><br>
+                  <button @click="current = 'exploration-mini-map'" :class="{ faded: !filtered.ExplorationMiniMap, active: statuses.ExplorationMiniMap }">Exploration Mini Map</button><br>
+                  <button @click="current = 'death-coordinates'"  :class="{ faded: !filtered.DeathCoordinates,  active: statuses.DeathCoordinates }">Death Coordinates</button><br>
+                  <button @click="current = 'fog'"                :class="{ faded: !filtered.Fog,               active: statuses.Fog }">Fog</button><br>
+                  <button @click="current = 'chunks'"             :class="{ faded: !filtered.Chunks,            active: statuses.Chunks }">Chunks</button><br>
+                  <button @click="current = 'status-effects'"     :class="{ faded: !filtered.StatusEffects,     active: statuses.StatusEffects }">Status Effects</button><br>
+                  <button @click="current = 'particles'"          :class="{ faded: !filtered.Particles,         active: statuses.Particles }">Particles</button><br>
+                  <button @click="current = 'zoom'"               :class="{ faded: !filtered.Zoom,              active: statuses.Zoom }">Zoom</button><br>
+                  <button @click="current = 'performance'"        :class="{ faded: !filtered.Performance,       active: statuses.Performance }">Performance</button><br>
+                  <button @click="current = 'world-markers'"      :class="{ faded: !filtered.WorldMarkers,      active: statuses.WorldMarkers }">World Markers</button><br>
+                  <button @click="current = 'bob-hurt'"           :class="{ faded: !filtered.BobHurt,           active: statuses.BobHurt }">Hurt Bobbing</button><br>
+                  <button @click="current = 'no-weather'"         :class="{ faded: !filtered.NoWeather,         active: statuses.NoWeather }">No Weather</button><br>
+                  <button @click="current = 'fake-weather'"       :class="{ faded: !filtered.FakeWeather,       active: statuses.FakeWeather }">Fake Weather</button>
+                </div>
+              </div>
+
+              <div>
+                <div class="child">
+                  <div class="title">
+                    Scripting
+                  </div>
+                  <button @click="current = 'scripts'"            :class="{ faded: !filtered.Scripts,           active: statuses.Scripts }">Key Bindings</button><br>
+                  <button @click="current = 'status-overlay'"     :class="{ faded: !filtered.StatusOverlay,     active: statuses.StatusOverlay }">Status Overlay</button><br>
+                  <button @click="current = 'scripted-block-placer'" :class="{ faded: !filtered.ScriptedBlockPlacer, active: statuses.ScriptedBlockPlacer }">Block Placer</button><br>
+                  <button @click="current = 'villager-roller'"    :class="{ faded: !filtered.VillagerRoller,    active: statuses.VillagerRoller }">Villager Roller</button><br>
+                  <button @click="current = 'exec'"               :class="{ faded: !filtered.Exec,              active: statuses.Exec }">Exec</button><br>
+              <button @click="current = 'events-scripting'" :class="{ faded: !filtered.EventsScripting, active: statuses.EventsScripting }">Events Scripting</button><br>
+                  <button style="height: 48px;"  @click="current = 'game-tick-scripting'" :class="{ faded: !filtered.GameTickScripting, active: statuses.GameTickScripting }">Game Tick Scripting<br><span style="font-size: 10px;">(Will be reworked in next versions)</span></button>
+                </div>
+              </div>
+
+              <div>
+                <div class="child">
+                  <div class="title">
+                    Utility
+                  </div>
+                  <button @click="current = 'lock-inputs'"        :class="{ faded: !filtered.LockInputs,        active: statuses.LockInputs }">Lock Inputs</button><br>
+                  <button @click="current = 'user-name'"          :class="{ faded: !filtered.UserName,          active: statuses.UserName }">User Name</button><br>
+                  <button @click="current = 'container-summary'"  :class="{ faded: !filtered.ContainerSummary,  active: statuses.ContainerSummary }">Container Summary</button><br>
+                  <button @click="current = 'chat-utilities'"     :class="{ faded: !filtered.ChatUtilities,     active: statuses.ChatUtilities }">Chat</button><br>
+                  <!--<button @click="current = 'coordinate-leak-protection'" :class="{ faded: !filtered.CoordinateLeakProtection }">CLP</button><br>-->
+                  <button @click="current = 'world-download'"     :class="{ faded: !filtered.WorldDownload,     active: statuses.WorldDownload }">World Download</button><br>
+                  <button @click="current = 'tps'"                :class="{ faded: !filtered.Tps,               active: statuses.Tps }">TPS</button>
+                </div>
+              </div>
+              
+            </div>
+
+            <!-- OLD CONTENT -->
+
+            <div class="search-wrapper">
                 <input type="text" class="search"
+                    placeholder="Search"
                     v-model="search"
                     ref="search"
                     @input="filterModules()"
                     @keydown="onFilterKeyDown($event)">
             </div>
-
-            <table class="main-table">
-                <thead>
-                    <tr>
-                        <th>Automation</th>
-                        <th>ESP</th>
-                        <th>Hacks</th>
-                        <th>Visuals</th>
-                        <th>Scripting</th>
-                        <th>Utility</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>
-                            <button @click="current = 'auto-disconnect'" :class="{ faded: !filtered.AutoDisconnect, active: statuses.AutoDisconnect }">Auto Disconnect</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'blocks'" :class="{ faded: !filtered.Blocks, active: statuses.Blocks }">Blocks</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'kill-aura'" :class="{ faded: !filtered.KillAura, active: statuses.KillAura }">Kill Aura</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'full-bright'" :class="{ faded: !filtered.FullBright, active: statuses.FullBright }">Full Bright</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'scripts'" :class="{ faded: !filtered.Scripts, active: statuses.Scripts }">Key Bindings</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'lock-inputs'" :class="{ faded: !filtered.LockInputs, active: statuses.LockInputs }">Lock Inputs</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <button @click="current = 'auto-bucket'" :class="{ faded: !filtered.AutoBucket, active: statuses.AutoBucket }">Auto Bucket</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'entities'" :class="{ faded: !filtered.Entities, active: statuses.Entities }">Entities</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'elytra-hack'" :class="{ faded: !filtered.ElytraHack, active: statuses.ElytraHack }">Elytra Fly</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'armor-overlay'" :class="{ faded: !filtered.ArmorOverlay, active: statuses.ArmorOverlay }">Armor Overlay</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'status-overlay'" :class="{ faded: !filtered.StatusOverlay, active: statuses.StatusOverlay }">Status Overlay</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'user-name'" :class="{ faded: !filtered.UserName, active: statuses.UserName }">User Name</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <button @click="current = 'auto-fish'" :class="{ faded: !filtered.AutoFish, active: statuses.AutoFish }">Auto Fish</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'projectile-path'" :class="{ faded: !filtered.ProjectilePath, active: statuses.ProjectilePath }">Projectile Path</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'pig-hack'" :class="{ faded: !filtered.PigHack, active: statuses.PigHack }">Pig</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'shulker-tooltip'" :class="{ faded: !filtered.ShulkerTooltip, active: statuses.ShulkerTooltip }">Shulker Tooltip</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'scripted-block-placer'" :class="{ faded: !filtered.ScriptedBlockPlacer, active: statuses.ScriptedBlockPlacer }">Block Placer</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'container-summary'" :class="{ faded: !filtered.ContainerSummary, active: statuses.ContainerSummary }">Container Summary</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <button @click="current = 'auto-totem'" :class="{ faded: !filtered.AutoTotem, active: statuses.AutoTotem }">Auto Totem</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'light-level'" :class="{ faded: !filtered.LightLevel, active: statuses.LightLevel }">Light Level</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'auto-criticals'" :class="{ faded: !filtered.AutoCriticals, active: statuses.AutoCriticals }">Auto Criticals</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'advanced-tooltips'" :class="{ faded: !filtered.AdvancedTooltips, active: statuses.AdvancedTooltips }">Advanced Tooltips</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'exec'" :class="{ faded: !filtered.Exec, active: statuses.Exec }">Exec</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'chat-utilities'" :class="{ faded: !filtered.ChatUtilities, active: statuses.ChatUtilities }">Chat</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <!--<button @click="current = 'instant-disconnect'" :class="{ faded: !filtered.InstantDisconnect, active: statuses.InstantDisconnect }">Instant Disconnect</button>-->
-                            <button @click="current = 'auto-drop'" :class="{ faded: !filtered.AutoDrop, active: statuses.AutoDrop }">Auto Drop</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'end-city-chunks'" :class="{ faded: !filtered.EndCityChunks, active: statuses.EndCityChunks }">End City Chunks</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'fly-hack'" :class="{ faded: !filtered.FlyHack, active: statuses.FlyHack }">Fly</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'exploration-mini-map'" :class="{ faded: !filtered.ExplorationMiniMap, active: statuses.ExplorationMiniMap }">Exploration Mini Map</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'villager-roller'" :class="{ faded: !filtered.VillagerRoller, active: statuses.VillagerRoller }">Villager Roller</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'coordinate-leak-protection'" :class="{ faded: !filtered.CoordinateLeakProtection, active: statuses.CoordinateLeakProtection }" style="display: none;">CLP</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <button @click="current = 'container-buttons'" :class="{ faded: !filtered.ContainerButtons, active: statuses.ContainerButtons }">Container Buttons</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'entity-owner'" :class="{ faded: !filtered.EntityOwner, active: statuses.EntityOwner }">Entity Owner</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'elytra-tunnel'" :class="{ faded: !filtered.ElytraTunnel, active: statuses.ElytraTunnel }">Elytra Tunnel</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'death-coordinates'" :class="{ faded: !filtered.DeathCoordinates, active: statuses.DeathCoordinates }">Death Coordinates</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'events-scripting'" :class="{ faded: !filtered.EventsScripting, active: statuses.EventsScripting }">Events Scripting</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <button @click="current = 'auto-eat'" :class="{ faded: !filtered.AutoEat, active: statuses.AutoEat }">Auto Eat</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'free-cam'" :class="{ faded: !filtered.FreeCam, active: statuses.FreeCam }">Free Cam</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'movement-hack'" :class="{ faded: !filtered.MovementHack, active: statuses.MovementHack }">Movement</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'fog'" :class="{ faded: !filtered.Fog, active: statuses.Fog }">Fog</button>
-                        </td>
-                        <td rowspan="2" style="vertical-align: top;">
-                            <button style="height: 48px;"  @click="current = 'game-tick-scripting'" :class="{ faded: !filtered.GameTickScripting, active: statuses.GameTickScripting }">Game Tick Scripting<br><span style="font-size: 10px;">(Will be reworked in next versions)</span></button>
-                        </td>
-                        <td>
-                            <button @click="current = 'world-download'" :class="{ faded: !filtered.WorldDownload, active: statuses.WorldDownload }">World Download</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <button @click="current = 'anti-respawn-reset'" :class="{ faded: !filtered.AntiRespawnReset, active: statuses.AntiRespawnReset }">Anti Respawn Reset</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'new-chunks'" :class="{ faded: !filtered.NewChunks, active: statuses.NewChunks }">New Chunks</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'scaffold'" :class="{ faded: !filtered.Scaffold, active: statuses.Scaffold }">Scaffold</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'chunks'" :class="{ faded: !filtered.Chunks, active: statuses.Chunks }">Chunks</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'tps'" :class="{ faded: !filtered.Tps, active: statuses.Tps }">TPS</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <button @click="current = 'auto-craft'" :class="{ faded: !filtered.AutoCraft, active: statuses.AutoCraft }">Auto Craft</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'entity-title'" :class="{ faded: !filtered.EntityTitle, active: statuses.EntityTitle }">Entity Titles</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'no-fall'" :class="{ faded: !filtered.NoFall, active: statuses.NoFall }">No Fall</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'status-effects'" :class="{ faded: !filtered.StatusEffects, active: statuses.StatusEffects }">Status Effects</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <button @click="current = 'auto-attack'" :class="{ faded: !filtered.AutoAttack, active: statuses.AutoAttack }">Auto Attack</button>
-                        </td>
-                        <td></td>
-                        <td>
-                            <button @click="current = 'fast-break'" :class="{ faded: !filtered.FastBreak, active: statuses.FastBreak }">Fast Break</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'particles'" :class="{ faded: !filtered.Particles, active: statuses.Particles }">Particles</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <button @click="current = 'schematica'" :class="{ faded: !filtered.Schematica, active: statuses.Schematica }">Schematica (ALPHA)</button>
-                        </td>
-                        <td></td>
-                        <td>
-                            <button @click="current = 'reach'" :class="{ faded: !filtered.Reach, active: statuses.Reach }">Reach</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'zoom'" :class="{ faded: !filtered.Zoom, active: statuses.Zoom }">Zoom</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <button @click="current = 'auto-hotbar'" :class="{ faded: !filtered.AutoHotbar, active: statuses.AutoHotbar }">Auto Hotbar</button>
-                        </td>
-                        <td></td>
-                        <td>
-                            <button @click="current = 'teleport-hack'" :class="{ faded: !filtered.TeleportHack, active: statuses.TeleportHack }">Teleport</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'performance'" :class="{ faded: !filtered.Performance, active: statuses.Performance }">Performance</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td></td>
-                        <td></td>
-                        <td>
-                            <button @click="current = 'fake-lag'" :class="{ faded: !filtered.FakeLag, active: statuses.FakeLag }">Fake Lag</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'world-markers'" :class="{ faded: !filtered.WorldMarkers, active: statuses.WorldMarkers }">World Markers</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td></td>
-                        <td></td>
-                        <td>
-                            <button @click="current = 'blink'" :class="{ faded: !filtered.Blink, active: statuses.Blink }">Blink</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'bob-hurt'" :class="{ faded: !filtered.BobHurt, active: statuses.BobHurt }">Hurt Bobbing</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td></td>
-                        <td></td>
-                        <td>
-                            <button @click="current = 'boat-hack'" :class="{ faded: !filtered.BoatHack, active: statuses.BoatHack }">Boat</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'no-weather'" :class="{ faded: !filtered.NoWeather, active: statuses.NoWeather }">No Weather</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td></td>
-                        <td></td>
-                        <td>
-                            <button @click="current = 'inv-move'" :class="{ faded: !filtered.InvMove, active: statuses.InvMove }">Inv Move</button>
-                        </td>
-                        <td>
-                            <button @click="current = 'fake-weather'" :class="{ faded: !filtered.FakeWeather, active: statuses.FakeWeather }">Fake Weather</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td></td>
-                        <td></td>
-                        <td>
-                            <button @click="current = 'area-mine'" :class="{ faded: !filtered.AreaMine, active: statuses.AreaMine }">Area Mine</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td></td>
-                        <td></td>
-                        <td>
-                            <button @click="current = 'server-plugins'" :class="{ faded: !filtered.ServerPlugins, active: statuses.ServerPlugins }">Server Plugins</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td></td>
-                        <td></td>
-                        <td>
-                            <button @click="current = 'hitbox-size'" :class="{ faded: !filtered.HitboxSize, active: statuses.HitboxSize }">HitBox Size</button>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td></td>
-                        <td></td>
-                        <td>
-                            <button @click="current = 'bedrock-breaker'" :class="{ faded: !filtered.BedrockBreaker, active: statuses.BedrockBreaker }">Bedrock Breaker</button>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
         </div>
 
         <blocks-config
@@ -680,4 +516,4 @@
     <script type="module" src="app.js"></script>
 
 </body>
-</html>
\ No newline at end of file
+</html>