diff --git a/apps/web/components/editor/pdf-viewer.jsx b/apps/web/components/editor/pdf-viewer.jsx
index 2d0808e43..7561c5e55 100644
--- a/apps/web/components/editor/pdf-viewer.jsx
+++ b/apps/web/components/editor/pdf-viewer.jsx
@@ -1,7 +1,7 @@
 import { Fragment, useState } from "react";
 import { Document, Page } from "react-pdf/dist/esm/entry.webpack5";
 import EditableField from "./editable-field";
-import ReadOnlyField from "./readonly-field";
+import SignableField from "./signable-field";
 import short from "short-uuid";
 
 export default function PDFViewer(props) {
@@ -73,13 +73,13 @@ export default function PDFViewer(props) {
                   .filter((item) => item.page === index)
                   .map((item) =>
                     props.readonly ? (
-                      <ReadOnlyField
+                      <SignableField
                         onClick={props.onClick}
                         key={item.id}
                         field={item}
                         className="absolute"
                         onDelete={onDeleteHandler}
-                      ></ReadOnlyField>
+                      ></SignableField>
                     ) : (
                       <EditableField
                         hidden={item.Signature}
diff --git a/apps/web/components/editor/readonly-field.tsx b/apps/web/components/editor/signable-field.tsx
similarity index 97%
rename from apps/web/components/editor/readonly-field.tsx
rename to apps/web/components/editor/signable-field.tsx
index 700475e16..f21a36fd7 100644
--- a/apps/web/components/editor/readonly-field.tsx
+++ b/apps/web/components/editor/signable-field.tsx
@@ -18,7 +18,7 @@ type FieldPropsType = {
   onDelete: any;
 };
 
-export default function ReadOnlyField(props: FieldPropsType) {
+export default function SignableField(props: FieldPropsType) {
   const [field, setField]: any = useState(props.field);
   const [position, setPosition]: any = useState({
     x: props.field.positionX,