diff --git a/apps/remix/app/components/general/envelope-editor/envelope-editor-upload-page.tsx b/apps/remix/app/components/general/envelope-editor/envelope-editor-upload-page.tsx
index 73493c385..9ad04f6a2 100644
--- a/apps/remix/app/components/general/envelope-editor/envelope-editor-upload-page.tsx
+++ b/apps/remix/app/components/general/envelope-editor/envelope-editor-upload-page.tsx
@@ -26,6 +26,7 @@ import { useEffect, useMemo, useRef, useState } from 'react';
 import { ErrorCode as DropzoneErrorCode, type FileRejection, useDropzone } from 'react-dropzone';
 
 import { EnvelopeItemDeleteDialog } from '~/components/dialogs/envelope-item-delete-dialog';
+import { useCspNonce } from '~/utils/nonce';
 
 import { EnvelopeEditorInvalidDirectTemplateAlert } from './envelope-editor-invalid-direct-template-alert';
 import { EnvelopeEditorRecipientForm } from './envelope-editor-recipient-form';
@@ -47,6 +48,7 @@ export const EnvelopeEditorUploadPage = () => {
   const { maximumEnvelopeItemCount, remaining } = useLimits();
   const { toast } = useToast();
   const analytics = useAnalytics();
+  const cspNonce = useCspNonce();
 
   const {
     envelope,
@@ -494,7 +496,7 @@ export const EnvelopeEditorUploadPage = () => {
 
           {/* Uploaded Files List */}
           <div className="mt-4">
-            <DragDropContext onDragEnd={onDragEnd}>
+            <DragDropContext nonce={cspNonce} onDragEnd={onDragEnd}>
               <Droppable droppableId="files">
                 {(provided) => (
                   <div
diff --git a/apps/remix/app/components/general/envelope-editor/recipient-step-list.tsx b/apps/remix/app/components/general/envelope-editor/recipient-step-list.tsx
index 57d57201f..b436cab83 100644
--- a/apps/remix/app/components/general/envelope-editor/recipient-step-list.tsx
+++ b/apps/remix/app/components/general/envelope-editor/recipient-step-list.tsx
@@ -24,6 +24,9 @@ import { DragDropContext, Draggable, Droppable } from '@hello-pangea/dnd';
 import { Trans, useLingui } from '@lingui/react/macro';
 import { DocumentSigningOrder, RecipientRole } from '@prisma/client';
 import { useCallback, useMemo, useState } from 'react';
+
+import { useCspNonce } from '~/utils/nonce';
+
 import { RecipientRow } from './recipient-row';
 import { type DraggingType, RecipientStepCard } from './recipient-step-card';
 
@@ -36,6 +39,7 @@ export type RecipientStepListProps = {
 export const RecipientStepList = ({ showAdvancedSettings }: RecipientStepListProps) => {
   const { t } = useLingui();
   const { toast } = useToast();
+  const cspNonce = useCspNonce();
 
   const { envelope, editorRecipients, isEmbedded, isCscMode } = useCurrentEnvelopeEditor();
   const { form } = editorRecipients;
@@ -317,7 +321,7 @@ export const RecipientStepList = ({ showAdvancedSettings }: RecipientStepListPro
         </div>
       ) : (
         <>
-          <DragDropContext onBeforeCapture={onBeforeCapture} onDragEnd={onDragEnd}>
+          <DragDropContext nonce={cspNonce} onBeforeCapture={onBeforeCapture} onDragEnd={onDragEnd}>
             <Droppable droppableId="recipient-steps" type="STEP" isCombineEnabled={isGroupingEnabled}>
               {(provided) => (
                 <div {...provided.droppableProps} ref={provided.innerRef} className="flex w-full flex-col">
diff --git a/apps/remix/app/root.tsx b/apps/remix/app/root.tsx
index baffaa6ec..a798b8619 100644
--- a/apps/remix/app/root.tsx
+++ b/apps/remix/app/root.tsx
@@ -146,7 +146,7 @@ export function LayoutContent({ children }: { children: React.ReactNode }) {
           <style
             nonce={nonce(cspNonce)}
             dangerouslySetInnerHTML={{
-              __html: `*, *::before, *::after { animation: none !important; transition: none !important; }`,
+              __html: `*, *::before, *::after { animation: none !important; transition-duration: 0.001s !important; transition-delay: 0s !important; }`,
             }}
           />
         )}