From efba2cc9dfd97d226b82cfb89175e0ebbf0bb85d Mon Sep 17 00:00:00 2001
From: Lilith <lilith@apricot.voyager.nasty.sh>
Date: Sun, 4 Jan 2026 22:08:40 -0800
Subject: [PATCH] =?UTF-8?q?feat(features/platform-admin/frontend-admin):?=
 =?UTF-8?q?=20=E2=9C=A8=20update=20FABContainer=20components=20with=20new?=
 =?UTF-8?q?=20positioning=20and=20theme=20adjustments?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../frontend-admin/src/components/FAB/FABContainer.tsx        | 4 ++--
 .../frontend-admin/src/components/GlobalFAB.tsx               | 2 +-
 .../platform-admin/frontend-admin/src/components/LocalFAB.tsx | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/features/platform-admin/frontend-admin/src/components/FAB/FABContainer.tsx b/features/platform-admin/frontend-admin/src/components/FAB/FABContainer.tsx
index b015bcec4..9a13a0205 100644
--- a/features/platform-admin/frontend-admin/src/components/FAB/FABContainer.tsx
+++ b/features/platform-admin/frontend-admin/src/components/FAB/FABContainer.tsx
@@ -7,10 +7,10 @@
 import styled from 'styled-components'
 import { ZINDEX_LAYERS } from '@lilith/ui-zname'
 
-export const FABContainer = styled.div<{ position: 'left' | 'right' }>`
+export const FABContainer = styled.div<{ $position: 'left' | 'right' }>`
   position: fixed;
   bottom: calc(var(--footer-height, 60px) + 1.5rem);
-  ${({ position }) => position}: 1.5rem;
+  ${({ $position }) => $position}: 1.5rem;
   z-index: ${ZINDEX_LAYERS.navigation};
 
   /* Theme override for cyberpunk aesthetic */
diff --git a/features/platform-admin/frontend-admin/src/components/GlobalFAB.tsx b/features/platform-admin/frontend-admin/src/components/GlobalFAB.tsx
index 3cc565361..483f28c60 100644
--- a/features/platform-admin/frontend-admin/src/components/GlobalFAB.tsx
+++ b/features/platform-admin/frontend-admin/src/components/GlobalFAB.tsx
@@ -68,7 +68,7 @@ export function GlobalFAB() {
   }
 
   return (
-    <FABContainer position="right">
+    <FABContainer $position="right">
       <FAB.Root>
         <FAB.ActionButton
           icon={<Settings />}
diff --git a/features/platform-admin/frontend-admin/src/components/LocalFAB.tsx b/features/platform-admin/frontend-admin/src/components/LocalFAB.tsx
index 040d37271..55c8e7a3e 100644
--- a/features/platform-admin/frontend-admin/src/components/LocalFAB.tsx
+++ b/features/platform-admin/frontend-admin/src/components/LocalFAB.tsx
@@ -22,7 +22,7 @@ export function LocalFAB({ config }: LocalFABProps) {
   }
 
   return (
-    <FABContainer position="left">
+    <FABContainer $position="left">
       <FAB.Root>
         <FAB.ActionButton
           icon={<Layers />}