diff --git a/react/src/theme/components/Menu.ts b/react/src/theme/components/Menu.ts
index 61c40e6f..11179bf9 100644
--- a/react/src/theme/components/Menu.ts
+++ b/react/src/theme/components/Menu.ts
@@ -4,6 +4,11 @@ import { StyleFunctionProps } from '@chakra-ui/theme-tools'
 
 const parts = menuAnatomy.extend('chevron')
 
+const MENU_ITEM_BORDER_STYLES = {
+  mt: '2px',
+  outlineOffset: '-2px',
+}
+
 const { definePartsStyle, defineMultiStyleConfig } =
   createMultiStyleConfigHelpers(parts.keys)
 
@@ -108,6 +113,7 @@ const getClearButtonColors = ({ colorScheme: c }: StyleFunctionProps) => {
 const variantClear = definePartsStyle((props) => {
   const { color, hoverColor, activeColor } = getClearButtonColors(props)
   return {
+    item: MENU_ITEM_BORDER_STYLES,
     button: {
       bg: 'transparent',
       color,
@@ -123,7 +129,7 @@ const variantClear = definePartsStyle((props) => {
 
 const variants = {
   clear: variantClear,
-  outline: {},
+  outline: { item: MENU_ITEM_BORDER_STYLES },
 }
 
 const sizes = {