fixed app not loading when opening as file

css/main.css

@@ -454,6 +454,11 @@ ol li::before {
   margin-bottom: 0.2rem;
 }
 
+.button--primary .ripple,
+.button--danger .ripple {
+  background: radial-gradient(circle, rgba(var(--background-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);
+}
+
 .ripple {
   height: 8rem;
   width: 8rem;
@@ -464,11 +469,6 @@ ol li::before {
   pointer-events: none;
 }
 
-.button--primary .ripple,
-.button--danger .ripple {
-  background: radial-gradient(circle, rgba(var(--background-color), 0.3) 0%, rgba(0, 0, 0, 0) 50%);
-}
-
 .interact {
   position: relative;
   overflow: hidden;

css/main.scss

@@ -414,6 +414,16 @@ ol {
   margin-bottom: 0.2rem;
 }
 
+.button--primary,
+.button--danger {
+  .ripple {
+    background: radial-gradient(
+      circle,
+      rgba(var(--background-color), 0.3) 0%,
+      rgba(0, 0, 0, 0) 50%
+    );
+  }
+}
 .ripple {
   height: 8rem;
   width: 8rem;
@@ -427,16 +437,6 @@ ol {
   );
   pointer-events: none;
 }
-.button--primary,
-.button--danger {
-  .ripple {
-    background: radial-gradient(
-      circle,
-      rgba(var(--background-color), 0.3) 0%,
-      rgba(0, 0, 0, 0) 50%
-    );
-  }
-}
 .interact {
   position: relative;
   overflow: hidden;

index.html

@@ -495,7 +495,9 @@
                     <sm-switch id="flo_id_visibility_switcher">
                         <div class="flex flex-direction-column gap-0-3" slot="left">
                             <b>FLO ID visibility</b>
-                            Don't show my FLO ID on homepage. *Only applies to this device.
+                            <p>
+                                Don't show my FLO ID on homepage. *Only applies to this device.
+                            </p>
                         </div>
                     </sm-switch>
                     <sm-button class="danger justify-self-start" onclick="signOut()">Sign out</sm-button>
@@ -1244,7 +1246,7 @@
             </div>
         </li>
     </template>
-    <script src="//unpkg.com/uhtml"></script>
+    <script src="https://unpkg.com/uhtml@3.0.1/es.js"></script>
     <script src="scripts/components.js"></script>
     <script src="scripts/std_ui.js"></script>
     <script src="scripts/lib.js"></script>

scripts/std_ui.js

@@ -2,7 +2,6 @@
 // Global variables
 const { html, render: renderElem } = uhtml;
 const domRefs = {};
-const currentYear = new Date().getFullYear();
 let paymentsHistoryLoader = null;
 let walletHistoryLoader = null;
 let contactHistoryLoader = null;