diff --git a/src/app.css b/src/app.css
index 50c5158e..0f38c49d 100644
--- a/src/app.css
+++ b/src/app.css
@@ -916,8 +916,14 @@ img.qr_code:focus {
 /* BEGIN: Overrides and fixes specific to Novi and IDAA */
 .iframe .novi_btn {
     border-radius: 60px;
-    /* border-color: hsla(0, 0%, 50%, .5); */
-    /* border-color: hsla(0, 0%, 0%, .15); */
+    /* Bootstrap v3 (.btn) sets border:1px solid transparent and wins over
+       Skeleton/Tailwind preset-outlined classes when loaded last. Use box-shadow
+       instead — Bootstrap does not set box-shadow on .btn so it cannot strip it. */
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
+}
+.iframe .novi_btn:hover {
+    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
+    background-color: rgba(0, 0, 0, 0.04);
 }
 
 .iframe .novi_m0 {