diff --git a/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx b/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx
index e566d42b6..898a7cd40 100644
--- a/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx
+++ b/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx
@@ -105,7 +105,7 @@ const SensitiveContentOverlay = React.forwardRef<HTMLDivElement, ISensitiveConte
             <HStack alignItems='center' justifyContent='center' space={2}>
               <Button
                 type='button'
-                theme='outline'
+                theme='outlined'
                 size='sm'
                 icon={require('@phosphor-icons/core/regular/eye.svg')}
                 onClick={toggleVisibility}
diff --git a/packages/pl-fe/src/components/ui/button/useButtonStyles.ts b/packages/pl-fe/src/components/ui/button/useButtonStyles.ts
index 6bb8db55f..21f4536ea 100644
--- a/packages/pl-fe/src/components/ui/button/useButtonStyles.ts
+++ b/packages/pl-fe/src/components/ui/button/useButtonStyles.ts
@@ -10,7 +10,7 @@ const themes = {
   accent: 'border-transparent bg-secondary-500 hover:bg-secondary-400 focus:bg-secondary-500 text-gray-100 focus:ring-secondary-300',
   danger: 'border-transparent bg-danger-100 dark:bg-danger-900 text-danger-600 dark:text-danger-200 hover:bg-danger-600 hover:text-gray-100 dark:hover:text-gray-100 dark:hover:bg-danger-500 focus:ring-danger-500',
   transparent: 'border-transparent bg-transparent text-primary-600 dark:text-primary-400 dark:bg-transparent hover:bg-gray-200 dark:hover:bg-gray-800/50',
-  outline: 'border-gray-100 border-2 bg-transparent text-gray-100 hover:bg-white/10',
+  outlined: 'border-gray-100 border-2 bg-transparent text-gray-100 hover:bg-white/10',
   muted: 'border border-solid bg-transparent border-gray-400 dark:border-gray-800 hover:border-primary-300 dark:hover:border-primary-700 focus:border-primary-500 text-gray-800 dark:text-gray-100 focus:ring-primary-500',
 };