diff --git a/lnbits/extensions/gerty/helpers.py b/lnbits/extensions/gerty/helpers.py
index 82eac150..5f3c70d2 100644
--- a/lnbits/extensions/gerty/helpers.py
+++ b/lnbits/extensions/gerty/helpers.py
@@ -13,6 +13,7 @@ from ...settings import LNBITS_PATH
 from lnbits.utils.exchange_rates import satoshis_amount_as_fiat
 from lnbits.core.crud import get_user, get_wallet_for_key
 
+
 def get_percent_difference(current, previous, precision=3):
     difference = (current - previous) / current * 100
     return "{0}{1}%".format("+" if difference > 0 else "", round(difference, precision))
@@ -437,7 +438,7 @@ async def get_screen_data(screen_num: int, screens_list: dict, gerty):
         areas = await get_dashboard(gerty)
     if screen_slug == "lnbits_wallets_balance":
         wallets = await get_lnbits_wallet_balances(gerty)
-        
+
         for wallet in wallets:
             text = []
             text.append(
diff --git a/lnbits/extensions/gerty/templates/gerty/gerty.html b/lnbits/extensions/gerty/templates/gerty/gerty.html
index a8ab2e6d..2aad6104 100644
--- a/lnbits/extensions/gerty/templates/gerty/gerty.html
+++ b/lnbits/extensions/gerty/templates/gerty/gerty.html
@@ -1,42 +1,62 @@
-{% extends "public.html" %} {% block toolbar_title %} Gerty: {% raw %}{{ gertyname }}{% endraw %}{%
-endblock %}{% block page %} {% raw %}
+{% extends "public.html" %} {% block toolbar_title %} Gerty: {% raw %}{{
+gertyname }}{% endraw %}{% endblock %}{% block page %} {% raw %}
 
-<div class="q-pa-md row items-start q-gutter-md" v-if="fun_exchange_market_rate || fun_satoshi_quotes">
-
-  <q-card v-if="fun_exchange_market_rate" unelevated  class="q-pa-sm" style="background: none !important">
+<div
+  class="q-pa-md row items-start q-gutter-md"
+  v-if="fun_exchange_market_rate || fun_satoshi_quotes"
+>
+  <q-card
+    v-if="fun_exchange_market_rate"
+    unelevated
+    class="q-pa-sm"
+    style="background: none !important"
+  >
     <q-card-section class="text-h1 q-pa-none">
-     <small> <b>{{fun_exchange_market_rate["amount"]}}</b></small> <small class="text-h4">{{fun_exchange_market_rate["unit"]}}</small>
+      <small> <b>{{fun_exchange_market_rate["amount"]}}</b></small>
+      <small class="text-h4">{{fun_exchange_market_rate["unit"]}}</small>
     </q-card-section>
   </q-card>
 
   <q-card
-  v-if="fun_satoshi_quotes"
-  unelevated
-  class="q-pa-none text-body1 blockquote"
-  style="background: none !important"
->
-<blockquote class="text-right" style="max-width: 900px">
-  <p>"{{fun_satoshi_quotes["quote"]}}"</p>
-  <small>~ Satoshi {{fun_satoshi_quotes["date"]}}</small>
-</blockquote>
-</q-card>
+    v-if="fun_satoshi_quotes"
+    unelevated
+    class="q-pa-none text-body1 blockquote"
+    style="background: none !important"
+  >
+    <blockquote class="text-right" style="max-width: 900px">
+      <p>"{{fun_satoshi_quotes["quote"]}}"</p>
+      <small>~ Satoshi {{fun_satoshi_quotes["date"]}}</small>
+    </blockquote>
+  </q-card>
 </div>
 
 <div class="q-pa-md row items-start q-gutter-md" v-if="lnbits_wallets_balance">
-  <q-card class="q-pa-sm" v-for="(wallet, t) in lnbits_wallets_balance" :style="`background-color: ${wallet.color1} !important`" unelevated class="q-pa-none q-pa-sm">
+  <q-card
+    class="q-pa-sm"
+    v-for="(wallet, t) in lnbits_wallets_balance"
+    :style="`background-color: ${wallet.color1} !important`"
+    unelevated
+    class="q-pa-none q-pa-sm"
+  >
     <q-card-section class="text-h1 q-pa-none">
-     <small> <b>{{wallet["amount"]}}</b></small> <small class="text-h4">({{wallet["name"]}})</small>
+      <small> <b>{{wallet["amount"]}}</b></small>
+      <small class="text-h4">({{wallet["name"]}})</small>
     </q-card-section>
   </q-card>
 </div>
 
-<div class="q-pa-md row items-start q-gutter-md" v-if="dashboard_onchain || dashboard_mining || lightning_dashboard">
+<div
+  class="q-pa-md row items-start q-gutter-md"
+  v-if="dashboard_onchain || dashboard_mining || lightning_dashboard"
+>
   <q-card class="q-pa-sm" v-if="dashboard_onchain" unelevated class="q-pa-sm">
     <q-card-section>
       <div class="text-h6">Onchain</div>
     </q-card-section>
     <q-card-section class="q-pa-none">
-     <p v-for="(item, t) in dashboard_onchain"><b>{{item[0].value}}: </b>{{item[1].value}}</p>
+      <p v-for="(item, t) in dashboard_onchain">
+        <b>{{item[0].value}}: </b>{{item[1].value}}
+      </p>
     </q-card-section>
   </q-card>
 
@@ -45,7 +65,9 @@ endblock %}{% block page %} {% raw %}
       <div class="text-h6">Mining</div>
     </q-card-section>
     <q-card-section class="q-pa-none">
-     <p v-for="(item, t) in dashboard_mining"><b>{{item[0].value}}:</b> {{item[1].value}}</p>
+      <p v-for="(item, t) in dashboard_mining">
+        <b>{{item[0].value}}:</b> {{item[1].value}}
+      </p>
     </q-card-section>
   </q-card>
 
@@ -54,10 +76,11 @@ endblock %}{% block page %} {% raw %}
       <div class="text-h6">Lightning (Last 7 days)</div>
     </q-card-section>
     <q-card-section class="q-pa-none">
-     <p v-for="(item, t) in lightning_dashboard"><b>{{item[0].value}}:</b> {{item[1].value}}</p>
+      <p v-for="(item, t) in lightning_dashboard">
+        <b>{{item[0].value}}:</b> {{item[1].value}}
+      </p>
     </q-card-section>
   </q-card>
-
 </div>
 
 {% endraw %} {% endblock %} {% block scripts %}
@@ -75,86 +98,84 @@ endblock %}{% block page %} {% raw %}
         fun_exchange_market_rate: {},
         gerty: [],
         gerty_id: `{{gerty}}`,
-        gertyname: "",
+        gertyname: '',
         walletColors: [
-          {first: "#3f51b5",
-          second: "#1a237e"},
-          {first: "#9c27b0",
-          second: "#4a148c"},
-          {first: "#e91e63",
-          second: "#880e4f"},
-          {first: "#009688",
-          second: "#004d40"},
-          {first: "#ff9800",
-          second: "#e65100"},
-          {first: "#2196f3",
-          second: "#0d47a1"},
-          {first: "#4caf50",
-          second: "#1b5e20"}
+          {first: '#3f51b5', second: '#1a237e'},
+          {first: '#9c27b0', second: '#4a148c'},
+          {first: '#e91e63', second: '#880e4f'},
+          {first: '#009688', second: '#004d40'},
+          {first: '#ff9800', second: '#e65100'},
+          {first: '#2196f3', second: '#0d47a1'},
+          {first: '#4caf50', second: '#1b5e20'}
         ],
         gertywallets: []
       }
     },
     methods: {
       getGertyInfo: async function () {
-        for (let i = 0; i < 8; i++){
+        for (let i = 0; i < 8; i++) {
           try {
             const {data} = await LNbits.api.request(
               'GET',
               `/gerty/api/v1/gerty/pages/${this.gerty_id}/${i}`
             )
             this.gerty[i] = data
-            
           } catch (error) {
             LNbits.utils.notifyApiError(error)
           }
         }
         console.log(this.gerty)
-      for (let i = 0; i < this.gerty.length; i++) {
-        if(this.gerty[i].screen.group == "lnbits_wallets_balance"){
-          for (let q = 0; q < this.gerty[i].screen.areas.length; q++) {
-            this.lnbits_wallets_balance[q] = {
-              "name": this.gerty[i].screen.areas[q][0].value,
-              "amount": this.gerty[i].screen.areas[q][1].value,
-              "color1": this.walletColors[q].first,
-              "color2": this.walletColors[q].second,
+        for (let i = 0; i < this.gerty.length; i++) {
+          if (this.gerty[i].screen.group == 'lnbits_wallets_balance') {
+            for (let q = 0; q < this.gerty[i].screen.areas.length; q++) {
+              this.lnbits_wallets_balance[q] = {
+                name: this.gerty[i].screen.areas[q][0].value,
+                amount: this.gerty[i].screen.areas[q][1].value,
+                color1: this.walletColors[q].first,
+                color2: this.walletColors[q].second
+              }
+              this.gertyname = this.gerty[i].settings.name
             }
+          }
+          if (this.gerty[i].screen.group == 'dashboard_onchain') {
+            this.dashboard_onchain = this.gerty[i].screen.areas
+            this.gertyname = this.gerty[i].settings.name
+          }
+          if (this.gerty[i].screen.group == 'dashboard_mining') {
+            this.dashboard_mining = this.gerty[i].screen.areas
+            this.gertyname = this.gerty[i].settings.name
+          }
+          if (this.gerty[i].screen.group == 'lightning_dashboard') {
+            this.lightning_dashboard = this.gerty[i].screen.areas
+            this.gertyname = this.gerty[i].settings.name
+          }
+          if (this.gerty[i].screen.group == 'fun_satoshi_quotes') {
+            this.fun_satoshi_quotes['quote'] = this.gerty[
+              i
+            ].screen.areas[0][0].value
+            this.fun_satoshi_quotes['date'] = this.gerty[
+              i
+            ].screen.areas[0][1].value
+            this.gertyname = this.gerty[i].settings.name
+          }
+          if (this.gerty[i].screen.group == 'fun_exchange_market_rate') {
+            this.fun_exchange_market_rate['unit'] = this.gerty[
+              i
+            ].screen.areas[0][0].value
+            this.fun_exchange_market_rate['amount'] = this.gerty[
+              i
+            ].screen.areas[0][1].value
             this.gertyname = this.gerty[i].settings.name
           }
         }
-        if(this.gerty[i].screen.group == "dashboard_onchain"){
-          this.dashboard_onchain = this.gerty[i].screen.areas
-          this.gertyname = this.gerty[i].settings.name
-        }
-        if(this.gerty[i].screen.group == "dashboard_mining"){
-          this.dashboard_mining = this.gerty[i].screen.areas
-          this.gertyname = this.gerty[i].settings.name
-        }
-        if(this.gerty[i].screen.group == "lightning_dashboard"){
-          this.lightning_dashboard = this.gerty[i].screen.areas
-          this.gertyname = this.gerty[i].settings.name
-        }
-        if(this.gerty[i].screen.group == "fun_satoshi_quotes"){
-          this.fun_satoshi_quotes["quote"] = this.gerty[i].screen.areas[0][0].value
-          this.fun_satoshi_quotes["date"] = this.gerty[i].screen.areas[0][1].value
-          this.gertyname = this.gerty[i].settings.name
-        }
-        if(this.gerty[i].screen.group == "fun_exchange_market_rate"){
-          this.fun_exchange_market_rate["unit"] = this.gerty[i].screen.areas[0][0].value
-          this.fun_exchange_market_rate["amount"] = this.gerty[i].screen.areas[0][1].value
-          this.gertyname = this.gerty[i].settings.name
-        }
-        
-      }
 
-      setTimeout(this.getGertyInfo, 20000);
-      this.$forceUpdate();
-      return this.gerty
-      },
+        setTimeout(this.getGertyInfo, 20000)
+        this.$forceUpdate()
+        return this.gerty
+      }
     },
     created: async function () {
-
-        await this.getGertyInfo()
+      await this.getGertyInfo()
     }
   })
 </script>
diff --git a/lnbits/extensions/gerty/templates/gerty/index.html b/lnbits/extensions/gerty/templates/gerty/index.html
index e990dd75..688349dd 100644
--- a/lnbits/extensions/gerty/templates/gerty/index.html
+++ b/lnbits/extensions/gerty/templates/gerty/index.html
@@ -141,56 +141,52 @@
           placeholder="Son of Gerty"
         ></q-input>
         <q-checkbox
-        class="q-pl-md"
+          class="q-pl-md"
+          size="xs"
+          v-model="formDialog.data.display_preferences.fun_satoshi_quotes"
+          val="xs"
+          label="Satoshi Quotes"
+          ><q-tooltip
+            >Displays random quotes from Satoshi</q-tooltip
+          ></q-checkbox
+        >
+        <q-checkbox
+          class="q-pl-md"
+          size="xs"
+          v-model="formDialog.data.display_preferences.fun_exchange_market_rate"
+          val="xs"
+          label="Fiat to BTC price"
+        ></q-checkbox>
+        <q-checkbox
+          class="q-pl-md"
+          size="xs"
+          v-model="formDialog.data.display_preferences.lnbits_wallets_balance"
+          val="xs"
+          label="LNbits"
+        ></q-checkbox>
+        <q-checkbox
+          class="q-pl-md"
+          size="xs"
+          v-model="formDialog.data.display_preferences.dashboard_onchain"
+          val="xs"
+          label="Onchain"
+        ></q-checkbox>
+        <q-checkbox
+          class="q-pl-md"
+          size="xs"
+          v-model="formDialog.data.display_preferences.dashboard_mining"
+          val="xs"
+          label="Mining"
+        ></q-checkbox>
+        <q-checkbox
+          class="q-pl-md"
+          size="xs"
+          v-model="formDialog.data.display_preferences.lightning_dashboard"
+          val="xs"
+          label="Lightning"
+        ></q-checkbox>
 
-        size="xs"
-        v-model="formDialog.data.display_preferences.fun_satoshi_quotes"
-        val="xs"
-        label="Satoshi Quotes"
-      ><q-tooltip>Displays random quotes from Satoshi</q-tooltip></q-checkbox>
-      <q-checkbox
-        class="q-pl-md"
-
-        size="xs"
-        v-model="formDialog.data.display_preferences.fun_exchange_market_rate"
-        val="xs"
-        label="Fiat to BTC price"
-      ></q-checkbox>
-            <q-checkbox
-              class="q-pl-md"
-
-              size="xs"
-              v-model="formDialog.data.display_preferences.lnbits_wallets_balance"
-              val="xs"
-              label="LNbits"
-            ></q-checkbox>
-            <q-checkbox
-              class="q-pl-md"
-
-              size="xs"
-              v-model="formDialog.data.display_preferences.dashboard_onchain"
-              val="xs"
-              label="Onchain"
-            ></q-checkbox>
-            <q-checkbox
-              class="q-pl-md"
-
-              size="xs"
-              v-model="formDialog.data.display_preferences.dashboard_mining"
-              val="xs"
-              label="Mining"
-            ></q-checkbox>
-            <q-checkbox
-              class="q-pl-md"
-
-              size="xs"
-              v-model="formDialog.data.display_preferences.lightning_dashboard"
-              val="xs"
-              label="Lightning"
-            ></q-checkbox>
-
-
-          <q-select
+        <q-select
           v-if="formDialog.data.display_preferences.fun_exchange_market_rate"
           filled
           dense
@@ -201,49 +197,49 @@
         ></q-select>
 
         <q-select
-        v-if="formDialog.data.display_preferences.lnbits_wallets_balance"
-        filled
-        multiple
-        dense
-        emit-value
-        v-model="formDialog.data.lnbits_wallets"
-        use-input
-        use-chips
-        multiple
-        hide-dropdown-icon
-        new-value-mode="add-unique"
-        label="Invoice keys of wallets to watch"
-      >
-        <q-tooltip>Hit enter to add values</q-tooltip>
-      </q-select>
+          v-if="formDialog.data.display_preferences.lnbits_wallets_balance"
+          filled
+          multiple
+          dense
+          emit-value
+          v-model="formDialog.data.lnbits_wallets"
+          use-input
+          use-chips
+          multiple
+          hide-dropdown-icon
+          new-value-mode="add-unique"
+          label="Invoice keys of wallets to watch"
+        >
+          <q-tooltip>Hit enter to add values</q-tooltip>
+        </q-select>
 
-      <q-toggle
-      label="*Advanced"
-      v-model="toggleStates.advanced"
-      @input="setAdvanced"
-    ></q-toggle>
-    <br />
-    <q-input
-      v-if="toggleStates.advanced"
-      filled
-      dense
-      v-model.trim="formDialog.data.mempool_endpoint"
-      label="Mempool link"
-      class="q-pb-sm"
-    >
-    </q-input>
-    <q-input
-      v-if="toggleStates.advanced"
-      filled
-      dense
-      v-model.trim="formDialog.data.refresh_time"
-      label="Refresh time in seconds"
-      class="q-pb-md"
-    >
-      <q-tooltip
-        >The amount of time in seconds between screen updates
-      </q-tooltip>
-    </q-input>
+        <q-toggle
+          label="*Advanced"
+          v-model="toggleStates.advanced"
+          @input="setAdvanced"
+        ></q-toggle>
+        <br />
+        <q-input
+          v-if="toggleStates.advanced"
+          filled
+          dense
+          v-model.trim="formDialog.data.mempool_endpoint"
+          label="Mempool link"
+          class="q-pb-sm"
+        >
+        </q-input>
+        <q-input
+          v-if="toggleStates.advanced"
+          filled
+          dense
+          v-model.trim="formDialog.data.refresh_time"
+          label="Refresh time in seconds"
+          class="q-pb-md"
+        >
+          <q-tooltip
+            >The amount of time in seconds between screen updates
+          </q-tooltip>
+        </q-input>
 
         <div class="row q-mt-lg">
           <q-btn