diff --git a/package.json b/package.json
index 56e2c41f..c091dfbc 100644
--- a/package.json
+++ b/package.json
@@ -64,10 +64,6 @@
     "rxjs": "6.x"
   },
   "devDependencies": {
-    "@dnd-kit/core": "^6.1.0",
-    "@dnd-kit/modifiers": "^6.0.1",
-    "@dnd-kit/sortable": "^7.0.2",
-    "@dnd-kit/utilities": "^3.2.2",
     "@openmrs/esm-framework": "next",
     "@openmrs/esm-patient-common-lib": "next",
     "@openmrs/esm-styleguide": "next",
diff --git a/src/components/interactive-builder/droppable-container.component.tsx b/src/components/interactive-builder/droppable-container.component.tsx
deleted file mode 100644
index 7ecaf85d..00000000
--- a/src/components/interactive-builder/droppable-container.component.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { useDroppable } from '@dnd-kit/core';
-import styles from './droppable-container.scss';
-
-interface DroppableProps {
-  id: string;
-  children: React.ReactNode;
-}
-
-function Droppable({ id, children }: DroppableProps) {
-  const { isOver, setNodeRef } = useDroppable({
-    id: id,
-  });
-
-  return (
-    <div className={classNames(styles.droppable as string, { [styles.isOver]: isOver })} ref={setNodeRef}>
-      {children}
-    </div>
-  );
-}
-
-export default Droppable;
diff --git a/src/components/interactive-builder/droppable-container.scss b/src/components/interactive-builder/droppable-container.scss
deleted file mode 100644
index 746e8048..00000000
--- a/src/components/interactive-builder/droppable-container.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@use '@carbon/colors';
-
-.droppable {
-  border: 1px solid transparent;
-}
-
-.isOver {
-  border-color: colors.$teal-70;
-}
diff --git a/src/components/interactive-builder/interactive-builder.component.tsx b/src/components/interactive-builder/interactive-builder.component.tsx
index b1f55f01..3487746e 100644
--- a/src/components/interactive-builder/interactive-builder.component.tsx
+++ b/src/components/interactive-builder/interactive-builder.component.tsx
@@ -1,17 +1,13 @@
 import React, { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import type { DragEndEvent } from '@dnd-kit/core';
-import { DndContext, KeyboardSensor, MouseSensor, closestCorners, useSensor, useSensors } from '@dnd-kit/core';
 import { Accordion, AccordionItem, Button, InlineLoading } from '@carbon/react';
 import { Add, TrashCan } from '@carbon/react/icons';
 import { useParams } from 'react-router-dom';
 import { showModal, showSnackbar } from '@openmrs/esm-framework';
 import type { FormSchema } from '@openmrs/openmrs-form-engine-lib';
-
 import type { Schema, Question } from '../../types';
-import DraggableQuestion from './draggable-question.component';
-import Droppable from './droppable-container.component';
 import EditableValue from './editable-value.component';
+import QuestionBlock from './question-block.component';
 import styles from './interactive-builder.scss';
 
 interface ValidationError {
@@ -33,14 +29,6 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
   schema,
   validationResponse,
 }) => {
-  const mouseSensor = useSensor(MouseSensor, {
-    activationConstraint: {
-      distance: 10, // Enable sort function when dragging 10px 💡 here!!!
-    },
-  });
-  const keyboardSensor = useSensor(KeyboardSensor);
-  const sensors = useSensors(mouseSensor, keyboardSensor);
-
   const { t } = useTranslation();
   const { formUuid } = useParams<{ formUuid: string }>();
   const isEditingExistingForm = Boolean(formUuid);
@@ -242,48 +230,6 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
     [onSchemaChange, schema, t],
   );
 
-  const handleDragEnd = (event: DragEndEvent) => {
-    const { active, delta } = event;
-
-    if (active) {
-      // Get the source information
-      const activeIdParts = active.id.toString().split('-');
-      const sourcePageIndex = parseInt(activeIdParts[1]);
-      const sourceSectionIndex = parseInt(activeIdParts[2]);
-      const sourceQuestionIndex = parseInt(activeIdParts[3]);
-
-      // Move the question within the same section
-      const questions = schema.pages[sourcePageIndex].sections[sourceSectionIndex].questions;
-      const questionToMove = questions[sourceQuestionIndex];
-      questions.splice(sourceQuestionIndex, 1);
-      questions.splice(sourceQuestionIndex + delta.y, 0, questionToMove);
-
-      const updatedSchema = {
-        ...schema,
-        pages: schema.pages.map((page, pageIndex) => {
-          if (pageIndex === sourcePageIndex) {
-            return {
-              ...page,
-              sections: page.sections.map((section, sectionIndex) => {
-                if (sectionIndex === sourceSectionIndex) {
-                  return {
-                    ...section,
-                    questions: [...questions],
-                  };
-                }
-                return section;
-              }),
-            };
-          }
-          return page;
-        }),
-      };
-
-      // Update your state or data structure with the updated schema
-      onSchemaChange(updatedSchema);
-    }
-  };
-
   const getAnswerErrors = (answers: Array<Record<string, string>>) => {
     const answerLabels = answers?.map((answer) => answer.label) || [];
     const errors: Array<ValidationError> = validationResponse.filter((error) =>
@@ -358,153 +304,146 @@ const InteractiveBuilder: React.FC<InteractiveBuilderProps> = ({
         </div>
       )}
 
-      <DndContext
-        collisionDetection={closestCorners}
-        onDragEnd={(event: DragEndEvent) => handleDragEnd(event)}
-        sensors={sensors}
-      >
-        {schema?.pages?.length
-          ? schema.pages.map((page, pageIndex) => (
-              <div className={styles.editableFieldsContainer}>
-                <div style={{ display: 'flex', alignItems: 'center' }}>
-                  <div className={styles.editorContainer}>
-                    <EditableValue
-                      elementType="page"
-                      id="pageNameInput"
-                      value={schema.pages[pageIndex].label}
-                      onSave={(name) => renamePage(name, pageIndex)}
-                    />
-                  </div>
-                  <Button
-                    hasIconOnly
-                    enterDelayMs={300}
-                    iconDescription={t('deletePage', 'Delete page')}
-                    kind="ghost"
-                    onClick={() => {
-                      launchDeletePageModal(pageIndex);
-                    }}
-                    renderIcon={(props) => <TrashCan size={16} {...props} />}
-                    size="sm"
+      {schema?.pages?.length
+        ? schema.pages.map((page, pageIndex) => (
+            <div className={styles.editableFieldsContainer}>
+              <div style={{ display: 'flex', alignItems: 'center' }}>
+                <div className={styles.editorContainer}>
+                  <EditableValue
+                    elementType="page"
+                    id="pageNameInput"
+                    value={schema.pages[pageIndex].label}
+                    onSave={(name) => renamePage(name, pageIndex)}
                   />
                 </div>
-                <div>
-                  {page?.sections?.length ? (
-                    <p className={styles.sectionExplainer}>
-                      {t(
-                        'expandSectionExplainer',
-                        'Below are the sections linked to this page. Expand each section to add questions to it.',
-                      )}
-                    </p>
-                  ) : null}
-                  {page?.sections?.length ? (
-                    page.sections?.map((section, sectionIndex) => (
-                      <Accordion>
-                        <AccordionItem title={section.label}>
-                          <>
-                            <div style={{ display: 'flex', alignItems: 'center' }}>
-                              <div className={styles.editorContainer}>
-                                <EditableValue
-                                  elementType="section"
-                                  id="sectionNameInput"
-                                  value={section.label}
-                                  onSave={(name) => renameSection(name, pageIndex, sectionIndex)}
-                                />
-                              </div>
-                              <Button
-                                hasIconOnly
-                                enterDelayMs={300}
-                                iconDescription={t('deleteSection', 'Delete section')}
-                                kind="ghost"
-                                onClick={() => {
-                                  launchDeleteSectionModal(pageIndex, sectionIndex);
-                                }}
-                                renderIcon={(props) => <TrashCan size={16} {...props} />}
-                                size="sm"
-                              />
-                            </div>
-                            <div>
-                              {section.questions?.length ? (
-                                section.questions.map((question, questionIndex) => {
-                                  return (
-                                    <Droppable id={`droppable-question-${pageIndex}-${sectionIndex}-${questionIndex}`}>
-                                      <DraggableQuestion
-                                        handleDuplicateQuestion={duplicateQuestion}
-                                        key={question.id}
-                                        onSchemaChange={onSchemaChange}
-                                        pageIndex={pageIndex}
-                                        question={question}
-                                        questionCount={section.questions.length}
-                                        questionIndex={questionIndex}
-                                        schema={schema}
-                                        sectionIndex={sectionIndex}
-                                      />
-                                      {getValidationError(question) && (
-                                        <div className={styles.validationErrorMessage}>
-                                          {getValidationError(question)}
-                                        </div>
-                                      )}
-                                      {getAnswerErrors(question.questionOptions.answers)?.length ? (
-                                        <div className={styles.answerErrors}>
-                                          <div>Answer Errors</div>
-                                          {getAnswerErrors(question.questionOptions.answers)?.map((error) => (
-                                            <div
-                                              className={styles.validationErrorMessage}
-                                            >{`${error.field.label}: ${error.errorMessage}`}</div>
-                                          ))}
-                                        </div>
-                                      ) : null}
-                                    </Droppable>
-                                  );
-                                })
-                              ) : (
-                                <p className={styles.explainer}>
-                                  {t(
-                                    'sectionExplainer',
-                                    'A section will typically contain one or more questions. Click the button below to add a question to this section.',
-                                  )}
-                                </p>
-                              )}
-
-                              <Button
-                                className={styles.addQuestionButton}
-                                kind="ghost"
-                                renderIcon={Add}
-                                onClick={() => {
-                                  launchAddQuestionModal(pageIndex, sectionIndex);
-                                }}
-                                iconDescription={t('addQuestion', 'Add Question')}
-                              >
-                                {t('addQuestion', 'Add Question')}
-                              </Button>
-                            </div>
-                          </>
-                        </AccordionItem>
-                      </Accordion>
-                    ))
-                  ) : (
-                    <p className={styles.explainer}>
-                      {t(
-                        'pageExplainer',
-                        'Pages typically have one or more sections. Click the button below to add a section to your page.',
-                      )}
-                    </p>
-                  )}
-                </div>
                 <Button
-                  className={styles.addSectionButton}
+                  hasIconOnly
+                  enterDelayMs={300}
+                  iconDescription={t('deletePage', 'Delete page')}
                   kind="ghost"
-                  renderIcon={Add}
                   onClick={() => {
-                    launchAddSectionModal(pageIndex);
+                    launchDeletePageModal(pageIndex);
                   }}
-                  iconDescription={t('addSection', 'Add Section')}
-                >
-                  {t('addSection', 'Add Section')}
-                </Button>
+                  renderIcon={(props) => <TrashCan size={16} {...props} />}
+                  size="sm"
+                />
               </div>
-            ))
-          : null}
-      </DndContext>
+              <div>
+                {page?.sections?.length ? (
+                  <p className={styles.sectionExplainer}>
+                    {t(
+                      'expandSectionExplainer',
+                      'Below are the sections linked to this page. Expand each section to add questions to it.',
+                    )}
+                  </p>
+                ) : null}
+                {page?.sections?.length ? (
+                  page.sections?.map((section, sectionIndex) => (
+                    <Accordion>
+                      <AccordionItem title={section.label}>
+                        <>
+                          <div style={{ display: 'flex', alignItems: 'center' }}>
+                            <div className={styles.editorContainer}>
+                              <EditableValue
+                                elementType="section"
+                                id="sectionNameInput"
+                                value={section.label}
+                                onSave={(name) => renameSection(name, pageIndex, sectionIndex)}
+                              />
+                            </div>
+                            <Button
+                              hasIconOnly
+                              enterDelayMs={300}
+                              iconDescription={t('deleteSection', 'Delete section')}
+                              kind="ghost"
+                              onClick={() => {
+                                launchDeleteSectionModal(pageIndex, sectionIndex);
+                              }}
+                              renderIcon={(props) => <TrashCan size={16} {...props} />}
+                              size="sm"
+                            />
+                          </div>
+                          <div>
+                            {section.questions?.length ? (
+                              section.questions.map((question, questionIndex) => {
+                                return (
+                                  <>
+                                    <QuestionBlock
+                                      handleDuplicateQuestion={duplicateQuestion}
+                                      key={question.id}
+                                      onSchemaChange={onSchemaChange}
+                                      pageIndex={pageIndex}
+                                      question={question}
+                                      questionIndex={questionIndex}
+                                      schema={schema}
+                                      sectionIndex={sectionIndex}
+                                    />
+                                    {getValidationError(question) && (
+                                      <div className={styles.validationErrorMessage}>
+                                        {getValidationError(question)}
+                                      </div>
+                                    )}
+                                    {getAnswerErrors(question.questionOptions.answers)?.length ? (
+                                      <div className={styles.answerErrors}>
+                                        <div>Answer Errors</div>
+                                        {getAnswerErrors(question.questionOptions.answers)?.map((error) => (
+                                          <div
+                                            className={styles.validationErrorMessage}
+                                          >{`${error.field.label}: ${error.errorMessage}`}</div>
+                                        ))}
+                                      </div>
+                                    ) : null}
+                                  </>
+                                );
+                              })
+                            ) : (
+                              <p className={styles.explainer}>
+                                {t(
+                                  'sectionExplainer',
+                                  'A section will typically contain one or more questions. Click the button below to add a question to this section.',
+                                )}
+                              </p>
+                            )}
+
+                            <Button
+                              className={styles.addQuestionButton}
+                              kind="ghost"
+                              renderIcon={Add}
+                              onClick={() => {
+                                launchAddQuestionModal(pageIndex, sectionIndex);
+                              }}
+                              iconDescription={t('addQuestion', 'Add Question')}
+                            >
+                              {t('addQuestion', 'Add Question')}
+                            </Button>
+                          </div>
+                        </>
+                      </AccordionItem>
+                    </Accordion>
+                  ))
+                ) : (
+                  <p className={styles.explainer}>
+                    {t(
+                      'pageExplainer',
+                      'Pages typically have one or more sections. Click the button below to add a section to your page.',
+                    )}
+                  </p>
+                )}
+              </div>
+              <Button
+                className={styles.addSectionButton}
+                kind="ghost"
+                renderIcon={Add}
+                onClick={() => {
+                  launchAddSectionModal(pageIndex);
+                }}
+                iconDescription={t('addSection', 'Add Section')}
+              >
+                {t('addSection', 'Add Section')}
+              </Button>
+            </div>
+          ))
+        : null}
     </div>
   );
 };
diff --git a/src/components/interactive-builder/draggable-question.component.tsx b/src/components/interactive-builder/question-block.component.tsx
similarity index 65%
rename from src/components/interactive-builder/draggable-question.component.tsx
rename to src/components/interactive-builder/question-block.component.tsx
index ebfad1b7..96fb58fe 100644
--- a/src/components/interactive-builder/draggable-question.component.tsx
+++ b/src/components/interactive-builder/question-block.component.tsx
@@ -1,36 +1,31 @@
 import React, { useCallback } from 'react';
-import { useDraggable } from '@dnd-kit/core';
-import { CSS } from '@dnd-kit/utilities';
 import { useTranslation } from 'react-i18next';
 import { Button, CopyButton } from '@carbon/react';
-import { Draggable, Edit, TrashCan } from '@carbon/react/icons';
+import { Edit, TrashCan } from '@carbon/react/icons';
 import { showModal } from '@openmrs/esm-framework';
 import type { Question, Schema } from '../../types';
-import styles from './draggable-question.scss';
+import styles from './question-block.scss';
 
-interface DraggableQuestionProps {
+interface QuestionBlockProps {
   handleDuplicateQuestion: (question: Question, pageId: number, sectionId: number) => void;
   onSchemaChange: (schema: Schema) => void;
   pageIndex: number;
   question: Question;
-  questionCount: number;
   questionIndex: number;
   schema: Schema;
   sectionIndex: number;
 }
 
-const DraggableQuestion: React.FC<DraggableQuestionProps> = ({
+const QuestionBlock: React.FC<QuestionBlockProps> = ({
   handleDuplicateQuestion,
   onSchemaChange,
   pageIndex,
   question,
-  questionCount,
   questionIndex,
   schema,
   sectionIndex,
 }) => {
   const { t } = useTranslation();
-  const draggableId = `question-${pageIndex}-${sectionIndex}-${questionIndex}`;
 
   const launchEditQuestionModal = useCallback(() => {
     const dispose = showModal('edit-question-modal', {
@@ -56,31 +51,9 @@ const DraggableQuestion: React.FC<DraggableQuestionProps> = ({
     });
   }, [onSchemaChange, pageIndex, question, questionIndex, schema, sectionIndex]);
 
-  const { attributes, listeners, transform, isDragging, setNodeRef } = useDraggable({
-    id: draggableId,
-    disabled: questionCount <= 1,
-  });
-
-  const style = {
-    transform: CSS.Translate.toString(transform),
-  };
-
-  const dragStyles = isDragging ? styles.isDragged : styles.normal;
-
   return (
-    <div className={dragStyles} style={style}>
+    <div className={styles.questionBlock}>
       <div className={styles.iconAndName}>
-        <div ref={setNodeRef} {...attributes} {...listeners}>
-          <Button
-            className={styles.dragIcon}
-            enterDelayMs={300}
-            hasIconOnly
-            iconDescription={t('reorderQuestion', 'Reorder question')}
-            kind="ghost"
-            renderIcon={(props) => <Draggable size={16} {...props} />}
-            size="md"
-          />
-        </div>
         <p className={styles.questionLabel}>{question.label}</p>
       </div>
       <div className={styles.buttonsContainer}>
@@ -90,7 +63,7 @@ const DraggableQuestion: React.FC<DraggableQuestionProps> = ({
           feedback={t('duplicated', 'Duplicated') + '!'}
           iconDescription={t('duplicateQuestion', 'Duplicate question')}
           kind="ghost"
-          onClick={() => !isDragging && handleDuplicateQuestion(question, pageIndex, sectionIndex)}
+          onClick={() => handleDuplicateQuestion(question, pageIndex, sectionIndex)}
         />
         <Button
           enterDelayMs={300}
@@ -115,4 +88,4 @@ const DraggableQuestion: React.FC<DraggableQuestionProps> = ({
   );
 };
 
-export default DraggableQuestion;
+export default QuestionBlock;
diff --git a/src/components/interactive-builder/draggable-question.scss b/src/components/interactive-builder/question-block.scss
similarity index 62%
rename from src/components/interactive-builder/draggable-question.scss
rename to src/components/interactive-builder/question-block.scss
index 1e3a8007..a22ce7d7 100644
--- a/src/components/interactive-builder/draggable-question.scss
+++ b/src/components/interactive-builder/question-block.scss
@@ -16,23 +16,11 @@
   @include type.type-style('body-01');
 }
 
-.isDragged, .normal {
+.questionBlock {
+  margin: 0 0.5rem;
   display: flex;
   height: 3rem;
   justify-content: space-between;
   align-items: center;
   width: 100%;
 }
-
-.isDragged {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-  background-color: rgba(255, 255, 255, 0.552);
-}
-
-.dragIcon {
-  margin-right: 0.5rem;
-
-  :focus {
-    border: none !important;
-  }
-}
diff --git a/translations/en.json b/translations/en.json
index 9850bd1e..720d2470 100644
--- a/translations/en.json
+++ b/translations/en.json
@@ -163,7 +163,6 @@
   "relationship": "Relationship",
   "renderChanges": "Render changes",
   "renderingType": "Rendering type",
-  "reorderQuestion": "Reorder question",
   "required": "Required",
   "restoreDraft": "Restore draft",
   "retired": "Retired",
diff --git a/yarn.lock b/yarn.lock
index d356db49..e4982d18 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2089,68 +2089,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@dnd-kit/accessibility@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "@dnd-kit/accessibility@npm:3.1.0"
-  dependencies:
-    tslib: "npm:^2.0.0"
-  peerDependencies:
-    react: ">=16.8.0"
-  checksum: 10/750a0537877d5dde3753e9ef59d19628b553567e90fc3e3b14a79bded08f47f4a7161bc0d003d7cd6b3bd9e10aa233628dca07d2aa5a2120cac84555ba1653d8
-  languageName: node
-  linkType: hard
-
-"@dnd-kit/core@npm:^6.1.0":
-  version: 6.1.0
-  resolution: "@dnd-kit/core@npm:6.1.0"
-  dependencies:
-    "@dnd-kit/accessibility": "npm:^3.1.0"
-    "@dnd-kit/utilities": "npm:^3.2.2"
-    tslib: "npm:^2.0.0"
-  peerDependencies:
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-  checksum: 10/cf9e99763fbd9220cb6fdde2950c19fdf6248391234f5ee835601814124445fd8a6e4b3f5bc35543c802d359db8cc47f07d87046577adc41952ae981a03fbda0
-  languageName: node
-  linkType: hard
-
-"@dnd-kit/modifiers@npm:^6.0.1":
-  version: 6.0.1
-  resolution: "@dnd-kit/modifiers@npm:6.0.1"
-  dependencies:
-    "@dnd-kit/utilities": "npm:^3.2.1"
-    tslib: "npm:^2.0.0"
-  peerDependencies:
-    "@dnd-kit/core": ^6.0.6
-    react: ">=16.8.0"
-  checksum: 10/fd9b444a6777494bf631fab1fa902172066509c7b060dad2ef53f893590c8a70da9b50c4e5bdba551fe614ff4828cf9f51c8d94f922ff4f275175994f25d0ea2
-  languageName: node
-  linkType: hard
-
-"@dnd-kit/sortable@npm:^7.0.2":
-  version: 7.0.2
-  resolution: "@dnd-kit/sortable@npm:7.0.2"
-  dependencies:
-    "@dnd-kit/utilities": "npm:^3.2.0"
-    tslib: "npm:^2.0.0"
-  peerDependencies:
-    "@dnd-kit/core": ^6.0.7
-    react: ">=16.8.0"
-  checksum: 10/e22e0f0146e371bff86fd88fdeeee980c58a9a6aca78c8ada2553d8cc1f45b8056a4fc1c1f06fce294b93e5a868659474085da21f2e4282e731fdb142e7ba0ff
-  languageName: node
-  linkType: hard
-
-"@dnd-kit/utilities@npm:^3.2.0, @dnd-kit/utilities@npm:^3.2.1, @dnd-kit/utilities@npm:^3.2.2":
-  version: 3.2.2
-  resolution: "@dnd-kit/utilities@npm:3.2.2"
-  dependencies:
-    tslib: "npm:^2.0.0"
-  peerDependencies:
-    react: ">=16.8.0"
-  checksum: 10/6cfe46a5fcdaced943982e7ae66b08b89235493e106eb5bc833737c25905e13375c6ecc3aa0c357d136cb21dae3966213dba063f19b7a60b1235a29a7b05ff84
-  languageName: node
-  linkType: hard
-
 "@esbuild/aix-ppc64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/aix-ppc64@npm:0.20.2"
@@ -3702,10 +3640,6 @@ __metadata:
   resolution: "@openmrs/esm-form-builder-app@workspace:."
   dependencies:
     "@carbon/react": "npm:^1.47.0"
-    "@dnd-kit/core": "npm:^6.1.0"
-    "@dnd-kit/modifiers": "npm:^6.0.1"
-    "@dnd-kit/sortable": "npm:^7.0.2"
-    "@dnd-kit/utilities": "npm:^3.2.2"
     "@openmrs/esm-framework": "npm:next"
     "@openmrs/esm-patient-common-lib": "npm:next"
     "@openmrs/esm-styleguide": "npm:next"