diff --git a/EnvelopeGenerator.Web/wwwroot/js/ui.js b/EnvelopeGenerator.Web/wwwroot/js/ui.js
index 47095eff..92eddaa5 100644
--- a/EnvelopeGenerator.Web/wwwroot/js/ui.js
+++ b/EnvelopeGenerator.Web/wwwroot/js/ui.js
@@ -21,7 +21,7 @@
       styleSheets: ['/css/site.css'],
       container: container,
       document: arrayBuffer,
-      annotationPresets: this.getPresets(),
+      annotationPresets: UI.getPresets(),
       electronicSignatures: {
         creationModes: ['DRAW', 'TYPE', 'IMAGE'],
       },
@@ -40,13 +40,13 @@
         //return !annotation.isSignature;
       },
       customRenderers: {
-        Annotation: this.annotationRenderer,
+        Annotation: UI.annotationRenderer,
       },
     })
   }
 
   static configurePSPDFKit(instance, handler) {
-    const toolbarItems = this.getToolbarItems(instance, handler)
+    const toolbarItems = UI.getToolbarItems(instance, handler)
     instance.setToolbarItems(toolbarItems)
   }
 
@@ -56,8 +56,8 @@
   }
 
   static getToolbarItems(instance, handler) {
-    const customItems = this.getCustomItems(handler)
-    const defaultItems = this.getDefaultItems(instance.toolbarItems)
+    const customItems = UI.getCustomItems(handler)
+    const defaultItems = UI.getDefaultItems(instance.toolbarItems)
     return defaultItems.concat(customItems)
   }
 
@@ -109,7 +109,7 @@
   }
 
   static getDefaultItems(items) {
-    return items.filter((item) => this.allowedToolbarItems.includes(item.type))
+    return items.filter((item) => UI.allowedToolbarItems.includes(item.type))
   }
 
   static getPresets() {