1 files changed, 11 insertions, 7 deletions
diff --git a/jb-ui/src/JBApp.tsx b/jb-ui/src/JBApp.tsx
index 472b976..7c99315 100644
--- a/jb-ui/src/JBApp.tsx
+++ b/jb-ui/src/JBApp.tsx
@@ -27,11 +27,15 @@ import Home from "@/pages/Home";
 import MagicLink from "@/pages/MagicLink";
 import Preview from "@/pages/Preview";
 import Result from "@/pages/Result";
+import clsx from "clsx";
+
 import Work from "@/pages/Work";
 import Transfer from "@/pages/Transfer";
 import {
   BrowserRouter,
   Outlet,
+  useLocation,
+  useMatch,
   Route,
   Routes,
   useSearchParams,
@@ -118,6 +122,9 @@ function QueryParamProcessor() {
 }
 
 const Layout = () => {
+  const location = useLocation();
+  const isSpecialSubview = useMatch("/work/*");
+
   return (
     <div className="flex flex-col min-h-screen">
       <header className="bg-amber-400 text-amber-950 py-2 text-center">
@@ -134,13 +141,10 @@ const Layout = () => {
       <main className="flex flex-1 bg-zinc-200">
         <div className="flex flex-col items-center justify-center flex-1">
           <div
-            className="
-                    w-full max-w-full 
-                    p-2 bg-white shadow-lg 
-                    text-center space-y-4
-                    md:max-w-5/8  md:rounded-lg
-                    rounded-none 
-                    "
+            className={clsx(
+              "w-full max-w-full p-2 bg-white shadow-lg text-center space-y-4 md:max-w-5/8  md:rounded-lg rounded-none",
+              isSpecialSubview && "border-6 border-amber-400",
+            )}
           >
             <Wallet />
             <Profiling />