Updated to v1.7.8

conf/site/node_modules/react-bootstrap/esm/usePopperMarginModifiers.js

@@ -24,7 +24,7 @@ export default function usePopperMarginModifiers() {
     overlay.style.margin = '0';
     overlayRef.current = overlay;
   }, []);
-  var modifier = useMemo(function () {
+  var offset = useMemo(function () {
     return {
       name: 'offset',
       options: {
@@ -56,6 +56,38 @@ export default function usePopperMarginModifiers() {
         }
       }
     };
-  }, [margins]);
-  return [callback, [modifier]];
+  }, [margins]); // Converts popover arrow margin to arrow modifier padding
+
+  var popoverArrowMargins = useMemo(function () {
+    return {
+      name: 'popoverArrowMargins',
+      enabled: true,
+      phase: 'main',
+      requiresIfExists: ['arrow'],
+      effect: function effect(_ref2) {
+        var state = _ref2.state;
+
+        if (!overlayRef.current || !state.elements.arrow || !hasClass(overlayRef.current, 'popover') || !state.modifiersData['arrow#persistent']) {
+          return undefined;
+        }
+
+        var _getMargins = getMargins(state.elements.arrow),
+            top = _getMargins.top,
+            right = _getMargins.right;
+
+        var padding = top || right;
+        state.modifiersData['arrow#persistent'].padding = {
+          top: padding,
+          left: padding,
+          right: padding,
+          bottom: padding
+        };
+        state.elements.arrow.style.margin = '0';
+        return function () {
+          if (state.elements.arrow) state.elements.arrow.style.margin = '';
+        };
+      }
+    };
+  }, []);
+  return [callback, [offset, popoverArrowMargins]];
 }