diff --git a/src/app/(general)/_components/sidebar/index.tsx b/src/app/(general)/_components/sidebar/index.tsx
index 74bd9cea..39c5f177 100644
--- a/src/app/(general)/_components/sidebar/index.tsx
+++ b/src/app/(general)/_components/sidebar/index.tsx
@@ -39,7 +39,12 @@ export async function AppSidebar({
 
   return (
     <HydrateClient>
-      <Sidebar collapsible="icon" className="relative" {...props}>
+      <Sidebar
+        variant="inset"
+        collapsible="icon"
+        className="relative"
+        {...props}
+      >
         <SidebarHeader className="border-sidebar-border border-b p-3 group-data-[collapsible=icon]:p-2">
           <Link
             href="/"
diff --git a/src/app/(general)/_contexts/openrouter-checks/index.tsx b/src/app/(general)/_contexts/openrouter-checks/index.tsx
index edf275e5..dfe5440c 100644
--- a/src/app/(general)/_contexts/openrouter-checks/index.tsx
+++ b/src/app/(general)/_contexts/openrouter-checks/index.tsx
@@ -87,9 +87,9 @@ export const OpenRouterChecks = () => {
     return <KeyModal />;
   }
 
-  if (credits && credits.totalCredits - credits.totalUsage <= 0.01) {
-    return <InsufficientCreditsModal />;
-  }
+  // if (credits && credits.totalCredits - credits.totalUsage <= 0.01) {
+  //   return <InsufficientCreditsModal />;
+  // }
 
   return null;
 };
diff --git a/src/components/ui/sidebar.tsx b/src/components/ui/sidebar.tsx
index 25630714..bbc1cd2a 100644
--- a/src/components/ui/sidebar.tsx
+++ b/src/components/ui/sidebar.tsx
@@ -309,8 +309,19 @@ function SidebarInset({ className, ...props }: React.ComponentProps<"main">) {
     <main
       data-slot="sidebar-inset"
       className={cn(
-        "bg-background relative flex w-full flex-1 flex-col",
-        "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
+        // Ensure the page background (on the wrapper) owns the full viewport height,
+        // while the inset content does not force a second scroll container.
+        "bg-background relative flex min-h-0 w-full flex-col",
+        // Make the inset content 30px shorter than the wrapper and place the gap at the top.
+        "md:peer-data-[variant=inset]:mt-[30px] md:peer-data-[variant=inset]:h-[calc(100vh-30px)]",
+        // Ensure the radius actually applies by clipping the background to the rounded shape.
+        "md:peer-data-[variant=inset]:overflow-hidden",
+        // Apply the requested corner radii: only top-left 30px, all other corners square.
+        "md:peer-data-[variant=inset]:rounded-none md:peer-data-[variant=inset]:rounded-tl-[30px] md:peer-data-[variant=inset]:shadow-sm",
+        // Add border on the top and left to match the inset look and corner radius.
+        "md:peer-data-[variant=inset]:border-sidebar-border md:peer-data-[variant=inset]:border md:peer-data-[variant=inset]:border-t md:peer-data-[variant=inset]:border-r-0 md:peer-data-[variant=inset]:border-b-0 md:peer-data-[variant=inset]:border-l",
+        // Preserve left inset behavior with collapsed offset.
+        "md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
         className,
       )}
       {...props}
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 9cf9b70f..1b4e16c5 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -178,7 +178,7 @@ body {
 }
 
 :root {
-  --background: oklch(0.9551 0 0);
+  --background: oklch(97.5% 0.00844 326deg);
   --foreground: oklch(0.3211 0 0);
   --card: oklch(0.9702 0 0);
   --card-foreground: oklch(0.3211 0 0);
@@ -202,15 +202,15 @@ body {
   --chart-3: oklch(0.6534 0 0);
   --chart-4: oklch(0.7316 0 0);
   --chart-5: oklch(0.8078 0 0);
-  --sidebar: oklch(0.937 0 0);
-  --sidebar-foreground: oklch(0.3211 0 0);
-  --sidebar-primary: oklch(0.4891 0 0);
+  --sidebar: oklch(93.4% 0.0294 322deg);
+  --sidebar-foreground: rgb(172, 22, 104);
+  --sidebar-primary: oklch(93.4% 0.0294 322deg);
   --sidebar-primary-foreground: oklch(1 0 0);
-  --sidebar-accent: oklch(0.9067 0 0);
-  --sidebar-accent-foreground: oklch(0.3211 0 0);
+  --sidebar-accent: oklch(97.91% 0.0011895867041327932 106.75377509115134);
+  --sidebar-accent-foreground: rgb(172, 22, 104);
   --sidebar-border: oklch(0.8576 0 0);
   --sidebar-ring: #4299e1;
-  --font-sans: Space Grotesk, serif;
+  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
   --font-mono: JetBrains Mono, monospace;
   --radius: 0.5rem;
@@ -447,4 +447,4 @@ body {
 * {
   scrollbar-width: thin;
   scrollbar-color: rgba(100, 100, 100, 0.4) transparent;
-}
+}
\ No newline at end of file