diff --git a/src/pages/skills.astro b/src/pages/skills.astro
index 170cd57..8d2c008 100644
--- a/src/pages/skills.astro
+++ b/src/pages/skills.astro
@@ -14,15 +14,21 @@ const data = [
 
 const langs = ["Java", "C/C++", "Golang", "Kotlin", "Rust", "Lua"];
 const tools = [
-    "NeoVim",
-    "Linux",
     "Git & GitHub",
-    "SQL and NoSQL Databases",
+    "Sqlite3",
+    "Neovim and IntelliJ",
+    "Linux",
+];
+const frameworks = [
+    "Spigot API",
+    "Bubbletea",
+    "Astro",
 ];
 const thing = "▓▓▓▓▓▓▓▓▓▓░░░░░░░░░░";
 const fight = [
     "FP          ▓▓▓▓▓▓▓▓▓▓░░░░░░░░░░ OOP",
     "Composition ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░ Inheritance",
+    "Composition ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░ Inheritance",
 ];
 ---
 
@@ -34,6 +40,11 @@ const fight = [
                     {langs.map((lang) => <p>{lang}</p>)}
                 </div>
             </TerminalBorder>
+            <TerminalBorder header="Frameworks">
+                <div class="grid md:grid-cols-1 items-center gap-x-8">
+                    {frameworks.map((framework) => <p>{framework}</p>)}
+                </div>
+            </TerminalBorder>
             <TerminalBorder header="Tools">
                 <div class="grid md:grid-cols-1 items-center gap-x-8">
                     {tools.map((tool) => <p>{tool}</p>)}
@@ -49,7 +60,7 @@ const fight = [
                 >
             </TerminalBorder>
         </div>
-        <div class="w-[40%]">
+        <div class="w-[40%] pl-4">
             <RadarChart max={max} data={data} />
         </div>
     </div>