diff --git a/views/apps/new.html b/views/apps/new.html
index 3135f7ba..70838054 100644
--- a/views/apps/new.html
+++ b/views/apps/new.html
@@ -12,13 +12,13 @@ <h2 class="font-bold text-2xl font-headline mb-4 dark:text-white">
   <div class="p-4 dark:bg-surface-02dp bg-white rounded-md shadow">
       <div id="RequestMethodOptions">
         <div class="mb-6">
-          <p class="text-sm text-gray-500 dark:text-gray-400 mb-4"> Authorize {{ if .Name }}{{ .Name }}{{ else }}the new app{{end}} access to:</p>
+          <p class="text-sm text-gray-600 dark:text-neutral-400 mb-4"> Authorize {{ if .Name }}{{ .Name }}{{ else }}the new app{{end}} access to:</p>
           <ul class="items-center w-full sm:flex">
             {{range $key, $value := .RequestMethodHelper}}
             <li class="w-full">
               <div class="flex items-center pl-3">
                 <input {{if  $value.Checked }} checked {{end}} id="{{$key}}-id" type="checkbox" value="{{ $key }}" class="w-4 h-4 text-purple-700 bg-gray-50 border border-gray-300 rounded focus:ring-purple-700 dark:focus:ring-purple-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-surface-00dp dark:border-gray-700">
-                <label for="{{$key}}-id" class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400">{{ $value.Description}}</label>
+                <label for="{{$key}}-id" class="ml-2 text-sm font-medium text-gray-600 dark:text-neutral-400">{{ $value.Description}}</label>
               </div>
             </li>
             {{ end }}
@@ -55,7 +55,7 @@ <h2 class="font-bold text-2xl font-headline mb-4 dark:text-white">
               class="bg-gray-50 border border-gray-300 text-gray-900 focus:ring-purple-700 dark:focus:ring-purple-600 dark:ring-offset-gray-800 focus:ring-2 text-sm rounded-lg block w-full p-2.5 dark:bg-surface-00dp dark:border-gray-700 dark:placeholder-gray-400 dark:text-white"
             />
             <p
-              class="mt-2 mb-6 text-sm text-gray-500 dark:text-gray-400"
+              class="mt-2 mb-6 text-sm text-gray-600 dark:text-neutral-400"
             >
               Give your connection a name to easily identify it.
             </p>
@@ -64,11 +64,11 @@ <h2 class="font-bold text-2xl font-headline mb-4 dark:text-white">
           <input type="hidden" name="name" value="{{.Name}}" id="name" />
         {{end}}
 
-        <p class="text-gray-500 dark:text-gray-400 mb-1">
+        <p class="text-gray-600 dark:text-neutral-400 mb-1">
           <input {{if .Disabled}}tabIndex="-1"{{end}} id="ExpiryCheckbox" type="checkbox" class="w-4 h-4 text-purple-700 bg-gray-50 border border-gray-300 rounded focus:ring-purple-700 dark:focus:ring-purple-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-surface-00dp dark:border-gray-700">
           <label for="ExpiryCheckbox" class="ml-1 text-sm font-medium text-gray-900 dark:text-gray-300">Set an expiry date</label>
         </p>
-        <p class="text-sm text-gray-500 dark:text-gray-400 mb-4">If set, app connection will be cancelled after the expiry date.</p>
+        <p class="text-sm text-gray-600 dark:text-neutral-400 mb-4">If set, app connection will be cancelled after the expiry date.</p>
         <div id="ExpiryOptions" class="hidden my-4">
           <div class="mb-6">
             <label
@@ -90,11 +90,11 @@ <h2 class="font-bold text-2xl font-headline mb-4 dark:text-white">
           </div>
         </div>
 
-        <p class="text-gray-500 dark:text-gray-400 mb-1">
+        <p class="text-gray-600 dark:text-neutral-400 mb-1">
           <input {{if .Disabled}}tabIndex="-1"{{end}} {{if .BudgetEnabled}}checked{{end}} id="BudgetCheckbox" type="checkbox" class="w-4 h-4 text-purple-700 bg-gray-50 border border-gray-300 rounded focus:ring-purple-700 dark:focus:ring-purple-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-surface-00dp dark:border-gray-700" >
           <label for="BudgetCheckbox" class="ml-1 text-sm font-medium text-gray-900 dark:text-gray-300">Set a Budget</label>
         </p>
-        <p class="text-sm text-gray-500 dark:text-gray-400 mb-4">If set, app will be restricted to send payments only within a chosen budget range (Routing fees not included).</p>
+        <p class="text-sm text-gray-600 dark:text-neutral-400 mb-4">If set, app will be restricted to send payments only within a chosen budget range (Routing fees not included).</p>
 
         <div id="BudgetOptions" class="{{if not .MaxAmount}}hidden{{end}} mt-4">
           <div class="mt-4">
diff --git a/views/apps/show.html b/views/apps/show.html
index 57aebf54..fd669c07 100644
--- a/views/apps/show.html
+++ b/views/apps/show.html
@@ -67,8 +67,8 @@ <h3 class="text-xl font-headline dark:text-white">Permissions</h3>
   
     <div class="pt-4">
       <h3 class="text-xl font-headline mb-2 dark:text-white">⚠️ Danger zone</h3>
-      <p class="text-gray-500 dark:text-gray-400 mb-4">
-        This will revoke the permission and will no longer allow calls from this pubkey.
+      <p class="text-gray-600 dark:text-neutral-400 mb-4">
+        This will revoke the permission and will no longer allow calls from this public key. 
       </p>
     </div>
   </div>