From 174c57f4631ea5dd4c6045edf5014dfa84a3375d Mon Sep 17 00:00:00 2001
From: Aditya Gupta <mail@adityagupta.dev>
Date: Mon, 23 Feb 2026 07:29:51 +0530
Subject: [PATCH] style: Modify RevolvingPrism description text

---
 src/components/InteractiveSystemOverview.tsx | 10 +++++-----
 src/components/prism/RevolvingPrism.tsx      |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/InteractiveSystemOverview.tsx b/src/components/InteractiveSystemOverview.tsx
index 883f5bf..ded78ec 100644
--- a/src/components/InteractiveSystemOverview.tsx
+++ b/src/components/InteractiveSystemOverview.tsx
@@ -93,7 +93,7 @@ const CONTENT_MODULES = [
                         </span>
                     ))}
                 </div>
-                <p className="mt-4 text-[10px] text-(--text-dim) animate-pulse border-t border-dashed border-(--border-main) pt-2">Split for infrastructure status...</p>
+                <p className="mt-4 text-[10px] text-(--text-dim) animate-pulse border-t border-dashed border-(--border-main) pt-2">Hover for more expanded skills...</p>
             </div>
         )
     },
@@ -112,12 +112,12 @@ const CONTENT_MODULES = [
                         </tr>
                     </thead>
                     <tbody className="leading-relaxed">
-                        <tr className="group/row hover:bg-[var(--bg-surface)]">
-                            <td className="pt-1 text-[var(--text-main)]">pve-core</td>
-                            <td className="pt-1"><span className="text-[var(--status-success)]">Ready</span></td>
+                        <tr className="group/row hover:bg-(--bg-surface)">
+                            <td className="pt-1 text-(--text-main)">pve-core</td>
+                            <td className="pt-1"><span className="text-(--status-success)">Ready</span></td>
                             <td className="pt-1 accent-text">control-plane</td>
                         </tr>
-                        <tr className="group/row hover:bg-[var(--bg-surface)]">
+                        <tr className="group/row hover:bg-(--bg-surface)">
                             <td>nas-store</td>
                             <td><span className="text-[var(--status-success)]">Ready</span></td>
                             <td>truenas-iscsi</td>
diff --git a/src/components/prism/RevolvingPrism.tsx b/src/components/prism/RevolvingPrism.tsx
index 36d3274..6e88dfa 100644
--- a/src/components/prism/RevolvingPrism.tsx
+++ b/src/components/prism/RevolvingPrism.tsx
@@ -156,9 +156,9 @@ export function RevolvingPrism() {
                         return (
                             <div
                                 key={`desc-${face.id}`}
-                                className={`absolute top-0 left-0 transition-opacity duration-300 ease-in-out ${isActive ? 'opacity-100 delay-100' : 'opacity-0'}`}
+                                className={`sketch-border bg-(--color-accent-muted)/5 transform rotate-1 m-2 p-2 absolute transition-opacity duration-300 ease-in-out ${isActive ? 'opacity-100 delay-100' : 'opacity-0'}`}
                             >
-                                <p className="font-mono text-md text-(--text-muted) leading-relaxed border-l-2 border-(--color-accent-muted) pl-3">
+                                <p className="font-mono text-md text-(--text-muted) leading-relaxed  pl-3">
                                     {face.desc}
                                 </p>
                             </div>