diff --git a/packages/ui/index.tsx b/packages/ui/index.tsx
index 166fe56b8d7..7a9993c7c63 100644
--- a/packages/ui/index.tsx
+++ b/packages/ui/index.tsx
@@ -31,7 +31,6 @@ export * from './src/components/NavMenu'
export * from './src/components/Modal'
export * from './src/components/SidePanel'
export * from './src/components/ContextMenu'
-export * from './src/components/Popover'
// HTML
diff --git a/packages/ui/src/components/Popover/Popover.module.css b/packages/ui/src/components/Popover/Popover.module.css
deleted file mode 100644
index 153072e5dbc..00000000000
--- a/packages/ui/src/components/Popover/Popover.module.css
+++ /dev/null
@@ -1,63 +0,0 @@
-.sbui-popover__content {
- @apply bg-background p-0;
- @apply border;
- @apply rounded;
- @apply shadow;
- border-style: solid;
- border-width: 1px;
-}
-
-/* @keyframes fadeIn {
- from {
- transform: scale(0.95);
- opacity: 0;
- }
- to {
- transform: scale(1);
- opacity: 1;
- }
-}
-
-@keyframes fadeOut {
- from {
- transform: scale(1);
- opacity: 1;
- }
- to {
- transform: scale(0.95);
- opacity: 0;
- }
-} */
-
-/* .sbui-popover__content {
- transform-origin: var(--radix-popover-menu-content-transform-origin);
-}
-
-.sbui-popover__content[data-state='open'] {
- animation: fadeIn 50ms ease-out;
-}
-
-.sbui-popover__content[data-state='closed'] {
- animation: fadeOut 50ms ease-in;
-} */
-
-/* .sbui-popover__trigger {
- @apply border-none bg-transparent p-0 focus:ring-0;
-} */
-
-.sbui-popover__arrow {
- @apply fill-current text-background;
- @apply border-0 border-t;
- border-style: solid;
-}
-
-.sbui-popover__close {
- @apply absolute top-1 right-0;
- @apply bg-transparent cursor-pointer border-none;
-
- @apply text-background-surface-100;
- @apply hover:text-background-surface-200;
-
- @apply dark:text-background-surface-200;
- @apply dark:hover:text-background-surface-00;
-}
diff --git a/packages/ui/src/components/Popover/Popover.tsx b/packages/ui/src/components/Popover/Popover.tsx
deleted file mode 100644
index faea74be735..00000000000
--- a/packages/ui/src/components/Popover/Popover.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-'use client'
-
-import type * as RadixPopoverTypes from '@radix-ui/react-popover'
-import * as RadixPopover from '@radix-ui/react-popover'
-import * as React from 'react'
-import { X } from 'lucide-react'
-
-import styleHandler from '../../lib/theme/styleHandler'
-
-interface RootProps {
- align?: RadixPopoverTypes.PopoverContentProps['align']
- ariaLabel?: string
- arrow?: boolean
- children?: React.ReactNode
- className?: string
- defaultOpen?: boolean
- disabled?: boolean
- modal?: boolean
- onOpenChange?: RadixPopoverTypes.PopoverProps['onOpenChange']
- open?: boolean
- overlay?: React.ReactNode
- showClose?: boolean
- side?: RadixPopoverTypes.PopoverContentProps['side']
- sideOffset?: RadixPopoverTypes.PopoverContentProps['sideOffset']
- style?: React.CSSProperties
- header?: React.ReactNode
- footer?: React.ReactNode
- size?: 'tiny' | 'small' | 'medium' | 'large' | 'xlarge' | 'content'
- 'data-testid'?: string
-}
-
-/**
- * @deprecated Use ./Popover_shadcn_ instead
- */
-function Popover({
- align = 'center',
- ariaLabel,
- arrow = false,
- children,
- className,
- defaultOpen = false,
- modal,
- onOpenChange,
- open,
- overlay,
- side = 'bottom',
- sideOffset = 6,
- style,
- header,
- footer,
- size = 'content',
- disabled,
- 'data-testid': dataTestId,
-}: RootProps) {
- const __styles = styleHandler('popover')
-
- let classes = [__styles.content, __styles.size[size]]
- if (className) {
- classes.push(className)
- }
-
- return (
-