From 15eb364ebd3ca82452b02754f831404e8d2b5126 Mon Sep 17 00:00:00 2001
From: Oleg Proskurin <regx@usul.su>
Date: Thu, 23 Oct 2025 22:27:51 +0700
Subject: [PATCH] fix: widget position

---
 .../components/shared/ApiKeyWidget/apikey-widget.tsx   |  2 +-
 apps/landing/src/components/shared/SubsectionNav.tsx   | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/landing/src/components/shared/ApiKeyWidget/apikey-widget.tsx b/apps/landing/src/components/shared/ApiKeyWidget/apikey-widget.tsx
index ec41750..7e21611 100644
--- a/apps/landing/src/components/shared/ApiKeyWidget/apikey-widget.tsx
+++ b/apps/landing/src/components/shared/ApiKeyWidget/apikey-widget.tsx
@@ -106,7 +106,7 @@ export function ApiKeyWidget() {
         </button>
       ) : (
         // EXPANDED STATE - Popup dropdown
-        <div className="absolute top-full right-0 mt-2 w-96 p-5 bg-slate-900/95 backdrop-blur-sm border border-slate-700 rounded-xl shadow-2xl z-50 animate-in fade-in slide-in-from-top-2 duration-200">
+        <div className="absolute top-0 right-0 w-96 p-5 bg-slate-900/95 backdrop-blur-sm border border-slate-700 rounded-xl shadow-2xl z-50 animate-in fade-in slide-in-from-top-2 duration-200">
           {/* Header */}
           <div className="flex items-start justify-between mb-4">
             <div>
diff --git a/apps/landing/src/components/shared/SubsectionNav.tsx b/apps/landing/src/components/shared/SubsectionNav.tsx
index b226bf5..b133450 100644
--- a/apps/landing/src/components/shared/SubsectionNav.tsx
+++ b/apps/landing/src/components/shared/SubsectionNav.tsx
@@ -49,7 +49,7 @@ export const SubsectionNav = ({ items, currentPath, leftSlot, rightSlot }: Subse
   const isActive = (href: string) => currentPath.startsWith(href);
 
   return (
-    <nav className="sticky top-0 z-40 bg-slate-950/80 backdrop-blur-sm border-b border-white/10">
+    <nav className="sticky top-0 z-40 bg-slate-950/80 backdrop-blur-sm border-b border-white/10 relative">
       {/* Three-Column Layout */}
       <ThreeColumnLayout
         left={leftSlot}
@@ -104,9 +104,15 @@ export const SubsectionNav = ({ items, currentPath, leftSlot, rightSlot }: Subse
             </div>
           </div>
         }
-        right={rightSlot}
       />
 
+      {/* Right Slot - Absolutely Positioned */}
+      {rightSlot && (
+        <div className="absolute top-0 right-0 h-12 flex items-center pr-6 hidden xl:flex">
+          {rightSlot}
+        </div>
+      )}
+
       {/* Decorative Wave Line */}
       <div className="absolute bottom-0 left-0 right-0 h-px overflow-hidden">
         <svg