2 files changed, 15 insertions, 0 deletions
diff --git a/frontend/index.ts b/frontend/index.ts
index b970e5f..d3c974f 100644
--- a/frontend/index.ts
+++ b/frontend/index.ts
@@ -1,6 +1,7 @@
 import htmx from "htmx.org";
 
 htmx.config.historyRestoreAsHxRequest = false;
+htmx.config.includeIndicatorStyles = false;
 
 function setupAnchors() {
   document.querySelectorAll("a").forEach((e) => {
diff --git a/frontend/scss/main.scss b/frontend/scss/main.scss
index d704d74..ced6763 100644
--- a/frontend/scss/main.scss
+++ b/frontend/scss/main.scss
@@ -33,3 +33,17 @@
 
   font-size: 18px;
 }
+
+/* for htmx */
+
+.htmx-indicator {
+  opacity: 0;
+}
+.htmx-request .htmx-indicator {
+  opacity: 1;
+  transition: opacity 200ms ease-in;
+}
+.htmx-request.htmx-indicator {
+  opacity: 1;
+  transition: opacity 200ms ease-in;
+}