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 />}