diff --git a/frontend/src/component/releases/ReleasePlanTemplate/TemplateForm/MilestoneList/MilestoneCard/MilestoneCard.tsx b/frontend/src/component/releases/ReleasePlanTemplate/TemplateForm/MilestoneList/MilestoneCard/MilestoneCard.tsx
index 2f9b48bcd7..8b57293001 100644
--- a/frontend/src/component/releases/ReleasePlanTemplate/TemplateForm/MilestoneList/MilestoneCard/MilestoneCard.tsx
+++ b/frontend/src/component/releases/ReleasePlanTemplate/TemplateForm/MilestoneList/MilestoneCard/MilestoneCard.tsx
@@ -189,7 +189,7 @@ export const MilestoneCard = ({
 
     const dragHandle = (
         <DragButton type='button'>
-            <DraggableContent>
+            <DraggableContent ref={dragItemRef}>
                 <DragIndicator aria-hidden />
                 <ScreenReaderOnly>Drag to reorder</ScreenReaderOnly>
             </DraggableContent>
@@ -363,7 +363,7 @@ export const MilestoneCard = ({
     if (!milestone.strategies || milestone.strategies.length === 0) {
         return (
             <>
-                <DraggableCardContainer ref={dragItemRef}>
+                <DraggableCardContainer>
                     {dragHandle}
                     <StyledMilestoneCard
                         hasError={