diff --git a/apps/remix-ide/src/app/plugins/permission-handler-plugin.tsx b/apps/remix-ide/src/app/plugins/permission-handler-plugin.tsx
index 955baed702..62748a53af 100644
--- a/apps/remix-ide/src/app/plugins/permission-handler-plugin.tsx
+++ b/apps/remix-ide/src/app/plugins/permission-handler-plugin.tsx
@@ -6,131 +6,130 @@ import { PermissionHandlerDialog, PermissionHandlerValue } from '@remix-ui/permi
 import { Profile } from '@remixproject/plugin-utils'
 
 const profile = {
-    name: 'permissionhandler',
-    displayName: 'permissionhandler',
-    description: 'Plugin to handle permissions',
-    methods: ['askPermission']
+  name: 'permissionhandler',
+  displayName: 'permissionhandler',
+  description: 'Plugin to handle permissions',
+  methods: ['askPermission']
 }
-
 export class PermissionHandlerPlugin extends Plugin {
-    permissions: any
-    currentVersion: number
-    fallbackMemory: boolean
-    constructor() {
-        super(profile)
-        this.fallbackMemory = false
-        this.permissions = this._getFromLocal()
-        this.currentVersion = 1
-        // here we remove the old permissions saved before adding 'permissionVersion'
-        // since with v1 the structure has been changed because of new engine ^0.2.0-alpha.6 changes
-        if (!localStorage.getItem('permissionVersion')) {
-            localStorage.setItem('plugins/permissions', '')
-            localStorage.setItem('permissionVersion', this.currentVersion.toString())
-        }
+  permissions: any
+  currentVersion: number
+  fallbackMemory: boolean
+  constructor() {
+    super(profile)
+    this.fallbackMemory = false
+    this.permissions = this._getFromLocal()
+    this.currentVersion = 1
+    // here we remove the old permissions saved before adding 'permissionVersion'
+    // since with v1 the structure has been changed because of new engine ^0.2.0-alpha.6 changes
+    if (!localStorage.getItem('permissionVersion')) {
+      localStorage.setItem('plugins/permissions', '')
+      localStorage.setItem('permissionVersion', this.currentVersion.toString())
     }
+  }
 
-    _getFromLocal() {
-        if (this.fallbackMemory) return this.permissions
-        const permission = localStorage.getItem('plugins/permissions')
-        return permission ? JSON.parse(permission) : {}
-    }
+  _getFromLocal() {
+    if (this.fallbackMemory) return this.permissions
+    const permission = localStorage.getItem('plugins/permissions')
+    return permission ? JSON.parse(permission) : {}
+  }
 
-    persistPermissions() {
-        const permissions = JSON.stringify(this.permissions)
-        try {
-            localStorage.setItem('plugins/permissions', permissions)
-        } catch (e) {
-            this.fallbackMemory = true
-            console.log(e)
-        }
+  persistPermissions() {
+    const permissions = JSON.stringify(this.permissions)
+    try {
+      localStorage.setItem('plugins/permissions', permissions)
+    } catch (e) {
+      this.fallbackMemory = true
+      console.log(e)
     }
+  }
 
-    switchMode (from: Profile, to: Profile, method: string, set: boolean) {
-        set
-        ? this.permissions[to.name][method][from.name] = {}
-        : delete this.permissions[to.name][method][from.name]
-    }
+  switchMode (from: Profile, to: Profile, method: string, set: boolean) {
+    set
+    ? this.permissions[to.name][method][from.name] = {}
+    : delete this.permissions[to.name][method][from.name]
+  }
 
-    clear() {
-        localStorage.removeItem('plugins/permissions')
-    }
+  clear() {
+    localStorage.removeItem('plugins/permissions')
+  }
 
-    notAllowWarning(from: Profile, to: Profile, method: string) {
-        return `${from.displayName || from.name} is not allowed to call ${method} method of ${to.displayName || to.name}.`
-    }
+  notAllowWarning(from: Profile, to: Profile, method: string) {
+    return `${from.displayName || from.name} is not allowed to call ${method} method of ${to.displayName || to.name}.`
+  }
 
-    async getTheme() {
-        return (await this.call('theme', 'currentTheme')).quality
-    }
+  async getTheme() {
+    return (await this.call('theme', 'currentTheme')).quality
+  }
 
-    /**
-     * Check if a plugin has the permission to call another plugin and askPermission if needed
-     * @param {PluginProfile} from the profile of the plugin that make the call
-     * @param {ModuleProfile} to The profile of the module that receive the call
-     * @param {string} method The name of the function to be called
-     * @param {string} message from the caller plugin to add more details if needed
-     * @returns {Promise<boolean>}
-     */
-    async askPermission(from: Profile, to: Profile, method: string, message: string, sensitiveCall: boolean) {
-        try {
-            this.permissions = this._getFromLocal()
-            if (!this.permissions[to.name]) this.permissions[to.name] = {}
-            if (!this.permissions[to.name][method]) this.permissions[to.name][method] = {}
-            if (!this.permissions[to.name][method][from.name]) return this.openPermission(from, to, method, message, sensitiveCall)
+  /**
+   * Check if a plugin has the permission to call another plugin and askPermission if needed
+   * @param {PluginProfile} from the profile of the plugin that make the call
+   * @param {ModuleProfile} to The profile of the module that receive the call
+   * @param {string} method The name of the function to be called
+   * @param {string} message from the caller plugin to add more details if needed
+   * @returns {Promise<boolean>}
+   */
+  async askPermission(from: Profile, to: Profile, method: string, message: string, sensitiveCall: boolean) {
+    try {
+      this.permissions = this._getFromLocal()
+      if (!this.permissions[to.name]) this.permissions[to.name] = {}
+      if (!this.permissions[to.name][method]) this.permissions[to.name][method] = {}
+      if (!this.permissions[to.name][method][from.name]) return this.openPermission(from, to, method, message, sensitiveCall)
 
-            const { allow, hash } = this.permissions[to.name][method][from.name]
-            if (!allow) {
-                const warning = this.notAllowWarning(from, to, method)
-                this.call('notification', 'toast', warning)
-                return false
-            }
-            return hash === from.hash
-                ? true // Allow
-                : await this.openPermission(from, to, method, message, sensitiveCall)
-        } catch (err) {
-            throw new Error(err)
-        }
+      const { allow, hash } = this.permissions[to.name][method][from.name]
+      if (!allow) {
+        const warning = this.notAllowWarning(from, to, method)
+        this.call('notification', 'toast', warning)
+        return false
+      }
+      return hash === from.hash
+        ? true // Allow
+        : await this.openPermission(from, to, method, message, sensitiveCall)
+    } catch (err) {
+      throw new Error(err)
     }
+  }
 
-    async openPermission(from: Profile, to: Profile, method: string, message: string, sensitiveCall: boolean) {
-        const remember = this.permissions[to.name][method][from.name]
-        const value: PermissionHandlerValue = {
-            from,
-            to,
-            method,
-            message,
-            remember,
-            sensitiveCall
+  async openPermission(from: Profile, to: Profile, method: string, message: string, sensitiveCall: boolean) {
+    const remember = this.permissions[to.name][method][from.name]
+    const value: PermissionHandlerValue = {
+      from,
+      to,
+      method,
+      message,
+      remember,
+      sensitiveCall
+    }
+    const modal: AppModal = {
+      id: 'PermissionHandler',
+      title: <FormattedMessage id='permissionHandler.permissionNeededFor' values={{ to: to.displayName || to.name }} />,
+      message: <PermissionHandlerDialog plugin={this} theme={await this.getTheme()} value={value}></PermissionHandlerDialog>,
+      okLabel: <FormattedMessage id='permissionHandler.accept' />,
+      cancelLabel: <FormattedMessage id='permissionHandler.decline' />
+    }
+
+    const result = await this.call('notification', 'modal', modal)
+    return new Promise((resolve, reject) => {
+      if (result) {
+        if (this.permissions[to.name][method][from.name]) {
+              this.permissions[to.name][method][from.name] = {
+                allow: true,
+                hash: from.hash
+              }
+              this.persistPermissions()
         }
-        const modal: AppModal = {
-            id: 'PermissionHandler',
-            title: <FormattedMessage id='permissionHandler.permissionNeededFor' values={{ to: to.displayName || to.name }} />,
-            message: <PermissionHandlerDialog plugin={this} theme={await this.getTheme()} value={value}></PermissionHandlerDialog>,
-            okLabel: <FormattedMessage id='permissionHandler.accept' />,
-            cancelLabel: <FormattedMessage id='permissionHandler.decline' />
+        resolve(true)
+      } else {
+        if (this.permissions[to.name][method][from.name]) {
+          this.permissions[to.name][method][from.name] = {
+            allow: false,
+            hash: from.hash
+          }
+          this.persistPermissions()
         }
-
-        const result = await this.call('notification', 'modal', modal)
-        return new Promise((resolve, reject) => {
-            if (result) {
-                if (this.permissions[to.name][method][from.name]) {
-                    this.permissions[to.name][method][from.name] = {
-                        allow: true,
-                        hash: from.hash
-                    }
-                    this.persistPermissions()
-                }
-                resolve(true)
-            } else {
-                if (this.permissions[to.name][method][from.name]) {
-                    this.permissions[to.name][method][from.name] = {
-                        allow: false,
-                        hash: from.hash
-                    }
-                    this.persistPermissions()
-                }
-                reject(this.notAllowWarning(from, to, method))
-            }
-        })
-    }
+        reject(this.notAllowWarning(from, to, method))
+      }
+    })
+  }
 }
diff --git a/libs/remix-ui/permission-handler/src/lib/permission-dialog.tsx b/libs/remix-ui/permission-handler/src/lib/permission-dialog.tsx
index cd8fd03291..802050244b 100644
--- a/libs/remix-ui/permission-handler/src/lib/permission-dialog.tsx
+++ b/libs/remix-ui/permission-handler/src/lib/permission-dialog.tsx
@@ -62,7 +62,7 @@ const PermissionHandlerDialog = (props: PermissionHandlerProps) => {
         <label htmlFor='remember' className="form-check-label" data-id="permissionHandlerRememberChoice"><FormattedMessage id='permissionHandler.rememberThisChoice' /></label>
         </div>
       }
-      <button className="btn btn-sm" onClick={reset}><FormattedMessage id='permissionHandler.resetAllPermissions' /></button>
+      <button className="btn-secondary btn-sm" onClick={reset}><FormattedMessage id='permissionHandler.resetAllPermissions' /></button>
     </article>
     <div>{feedback}</div>
   </section>)