diff --git a/src/app.css b/src/app.css
index f4909c6..3f57583 100644
--- a/src/app.css
+++ b/src/app.css
@@ -189,7 +189,20 @@
 
 :root {
   font-family: "Source Code Pro", monospace;
+  transition-property: all;
+  transition-timing-function: var(
+    --tw-ease,
+    var(--default-transition-timing-function) /* cubic-bezier(0.4, 0, 0.2, 1) */
+  );
+  transition-duration: var(
+    --tw-duration,
+    var(--default-transition-duration) /* 150ms */
+  );
+  transition-duration: 500ms;
+  syntax: "*";
+  inherits: false;
 }
+
 ::selection {
   background-color: var(--color-text);
   color: var(--color-crust);
diff --git a/src/app.tsx b/src/app.tsx
index e6daa79..c1562d0 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -166,9 +166,10 @@ function AppLayout(props: { children: any }) {
       </Show>
 
       <div
-        class="flex max-w-screen flex-row transition-all duration-500 ease-in-out"
+        class="flex max-w-screen flex-row"
         style={{
-          opacity: barsInitialized() ? "1" : "0"
+          opacity: barsInitialized() ? "1" : "0",
+          transition: "opacity 0.3s ease-in-out"
         }}
       >
         <LeftBar />
diff --git a/src/lib/api.ts b/src/lib/api.ts
index ba14861..c5592a4 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -5,8 +5,7 @@ const getBaseUrl = () => {
   // Browser: use relative URL
   if (typeof window !== "undefined") return "";
 
-  //const domain = import.meta.env.VITE_DOMAIN;
-  const domain = "https://freno.dev"; // try to hardcode it for now
+  const domain = import.meta.env.VITE_DOMAIN;
   if (domain) return domain;
 
   return `http://localhost:${process.env.PORT ?? 3000}`;