diff --git a/src/Components/Document/DocEditPage.js b/src/Components/Document/DocEditPage.js
index 7edc5f8..8d52fc4 100644
--- a/src/Components/Document/DocEditPage.js
+++ b/src/Components/Document/DocEditPage.js
@@ -403,14 +403,14 @@ const DocEditPage = () => {
       ? fetchedCase?.leadAttorneys
       : null;
     const reqType = documentType;
-    const captionOne = fetchedCase.caption;
-    const captionTwo = fetchedCase.captionTwo;
-    const caseNum = fetchedCase.caseNumber;
-    const plaintiffs = fetchedCase.plaintiffParties;
-    const defendants = fetchedCase.defendantParties;
-    const venued = fetchedCase.venue;
-    const juris = fetchedCase.jurisdiction;
-    const judge = fetchedCase.judge;
+    const captionOne = fetchedCase?.caption;
+    const captionTwo = fetchedCase?.captionTwo;
+    const caseNum = fetchedCase?.caseNumber;
+    const plaintiffs = fetchedCase?.plaintiffParties;
+    const defendants = fetchedCase?.defendantParties;
+    const venued = fetchedCase?.venue;
+    const juris = fetchedCase?.jurisdiction;
+    const judge = fetchedCase?.judge;
     const clientPosition = fetchedCase?.clientPosition
       ? fetchedCase?.clientPosition
       : null;
diff --git a/src/Components/Document/ReqEditPage.js b/src/Components/Document/ReqEditPage.js
index 97dc026..c3d93e4 100644
--- a/src/Components/Document/ReqEditPage.js
+++ b/src/Components/Document/ReqEditPage.js
@@ -326,13 +326,15 @@ const RequestEditPage = () => {
           <div className="pleading-header">
             INTERROGATORIES AND REQUESTS FOR PRODUCTION
           </div>
-          <div>{outgoingComesNow(state, fetchedCase)}</div>
+          <div className="req-edit-comesnow-box">
+            {outgoingComesNow(state, fetchedCase)}
+          </div>
           {/*displayCopy.prelimaryStatement*/}
           <div className="doc-editing-sub-wrapper row">
             <div className="pleading-header">INSTRUCTIONS</div>
             {rogInstructions?.map((req, i) => (
               <div className="request-text-up-row">
-                <div>{`${i + 1}.`}</div>
+                <div className="request-text-number-col">{`${i + 1}.`}</div>
                 <div>{req?.text}</div>
               </div>
             ))}
@@ -341,7 +343,7 @@ const RequestEditPage = () => {
             <div className="pleading-header">DEFINITIONS</div>
             {rogDefinitions?.map((req, i) => (
               <div className="request-text-up-row">
-                <div>{`${i + 1}.`}</div>
+                <div className="request-text-number-col">{`${i + 1}.`}</div>
                 <div>{req?.text}</div>
               </div>
             ))}
@@ -350,7 +352,7 @@ const RequestEditPage = () => {
             <div className="pleading-header">INTERROGATORIES</div>
             {requests?.map((req, i) => (
               <div className="request-text-up-row">
-                <div>{`${i + 1}.`}</div>
+                <div className="request-text-number-col">{`${i + 1}.`}</div>
                 <div>{req?.text}</div>
               </div>
             ))}
diff --git a/src/styles/docedit-page.scss b/src/styles/docedit-page.scss
index a06bb8c..83bfd37 100644
--- a/src/styles/docedit-page.scss
+++ b/src/styles/docedit-page.scss
@@ -328,8 +328,12 @@
   margin-top: 6px;
   padding: 0px 5px;
   text-align: justify;
+  line-height: 2;
 }
 
+.request-text-number-col {
+  min-width: 24px;
+}
 .outer-div {
   border: 1px solid #a9a9a9;
   padding: 0px 5px;
@@ -353,6 +357,9 @@
   line-height: 2;
   text-align: justify;
 }
+.req-edit-comesnow-box {
+  margin-bottom: 18px;
+}
 
 .scroll-button {
   position: fixed;