From cbf4878f7fe715ab2403f99385cb671825ff54d5 Mon Sep 17 00:00:00 2001
From: Chewbacca <dice.warrant-02@icloud.com>
Date: Thu, 25 May 2023 11:33:03 -0400
Subject: [PATCH] Add 'shift' middleware to DropdownMenu

---
 app/soapbox/components/dropdown-menu/dropdown-menu.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/components/dropdown-menu/dropdown-menu.tsx b/app/soapbox/components/dropdown-menu/dropdown-menu.tsx
index a5714ff68..9a606bf61 100644
--- a/app/soapbox/components/dropdown-menu/dropdown-menu.tsx
+++ b/app/soapbox/components/dropdown-menu/dropdown-menu.tsx
@@ -1,4 +1,4 @@
-import { offset, Placement, useFloating, flip, arrow } from '@floating-ui/react';
+import { offset, Placement, useFloating, flip, arrow, shift } from '@floating-ui/react';
 import clsx from 'clsx';
 import { supportsPassiveEvents } from 'detect-passive-events';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
@@ -65,6 +65,9 @@ const DropdownMenu = (props: IDropdownMenu) => {
     middleware: [
       offset(12),
       flip(),
+      shift({
+        padding: 8,
+      }),
       arrow({
         element: arrowRef,
       }),