diff --git a/portal-ui/src/common/api/index.ts b/portal-ui/src/common/api/index.ts
index c712dd074..0098649c0 100644
--- a/portal-ui/src/common/api/index.ts
+++ b/portal-ui/src/common/api/index.ts
@@ -23,7 +23,7 @@ export class API {
   invoke(method: string, url: string, data?: object) {
     let targetURL = url;
     if (targetURL[0] === "/") {
-      targetURL = targetURL.substr(1);
+      targetURL = targetURL.slice(1);
     }
     return request(method, targetURL)
       .send(data)
diff --git a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/utils.tsx b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/utils.tsx
index 9b6abe0e6..87e52e53e 100644
--- a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/utils.tsx
+++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/utils.tsx
@@ -139,7 +139,7 @@ export const displayFileIconName = (
   // Element is a folder
   if (element.endsWith("/")) {
     icon = <ObjectBrowserFolderIcon />;
-    elementString = element.substr(0, element.length - 1);
+    elementString = element.slice(0, -1);
   }
 
   const lowercaseElement = element.toLowerCase();
diff --git a/portal-ui/src/screens/Console/NotificationEndpoints/CustomForms/ConfPostgres.tsx b/portal-ui/src/screens/Console/NotificationEndpoints/CustomForms/ConfPostgres.tsx
index a8d7e533d..3a8c1f627 100644
--- a/portal-ui/src/screens/Console/NotificationEndpoints/CustomForms/ConfPostgres.tsx
+++ b/portal-ui/src/screens/Console/NotificationEndpoints/CustomForms/ConfPostgres.tsx
@@ -96,12 +96,9 @@ const ConfPostgres = ({ onChange, classes }: IConfPostgresProps) => {
     for (let i = 0; i < valueIndexes.length; i++) {
       const j = i + 1;
       if (j < valueIndexes.length) {
-        fields[i] = input.substr(
-          valueIndexes[i],
-          valueIndexes[j] - valueIndexes[i]
-        );
+        fields[i] = input.slice(valueIndexes[i], valueIndexes[j]);
       } else {
-        fields[i] = input.substr(valueIndexes[i]);
+        fields[i] = input.slice(valueIndexes[i]);
       }
     }
 
@@ -109,8 +106,8 @@ const ConfPostgres = ({ onChange, classes }: IConfPostgresProps) => {
       if (field === undefined) {
         continue;
       }
-      const key = field.substr(0, field.indexOf("="));
-      const value = field.substr(field.indexOf("=") + 1).trim();
+      const key = field.slice(0, field.indexOf("="));
+      const value = field.slice(field.indexOf("=") + 1).trim();
       kvFields.set(key, value);
     }
     return kvFields;
diff --git a/portal-ui/src/screens/Console/Tenants/TenantDetails/events/EventsList.tsx b/portal-ui/src/screens/Console/Tenants/TenantDetails/events/EventsList.tsx
index 2d91d5788..a9fb06629 100644
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/events/EventsList.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/events/EventsList.tsx
@@ -67,7 +67,7 @@ const Event = (props: { event: IEvent }) => {
         <TableCell onClick={() => setOpen(!open)}>{event.seen}</TableCell>
         <TableCell onClick={() => setOpen(!open)}>
           {event.message.length >= 30
-            ? `${event.message.substr(0, 30)}...`
+            ? `${event.message.slice(0, 30)}...`
             : event.message}
         </TableCell>
         <TableCell onClick={() => setOpen(!open)}>