diff --git a/src/app.tsx b/src/app.tsx
index 72ac1ac..d6907fa 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -1,6 +1,6 @@
-import {Router} from "@solidjs/router";
-import {FileRoutes} from "@solidjs/start/router";
-import {Suspense} from "solid-js";
+import { Router } from "@solidjs/router";
+import { FileRoutes } from "@solidjs/start/router";
+import { Suspense } from "solid-js";
 import "./app.css";
 
 export default function App() {
@@ -8,10 +8,11 @@ export default function App() {
     <Router
       base={import.meta.env.SERVER_BASE_URL}
       root={(props) => (
-        <main class="fixed">
+        <main>
           <Suspense>{props.children}</Suspense>
         </main>
-      )}>
+      )}
+    >
       <FileRoutes />
     </Router>
   );
diff --git a/src/components/Art.tsx b/src/components/Art.tsx
index c0cb93c..dc78c8b 100644
--- a/src/components/Art.tsx
+++ b/src/components/Art.tsx
@@ -71,7 +71,7 @@ const AsciiArtComponent: Component<AsciiArtComponentProps> = (props) => {
 
   return (
     <div
-      class="ascii-art-container absolute text-center text-rose-800/90"
+      class="ascii-art-container absolute text-center text-rose-700 md:text-rose-800/90"
       style={{
         "font-size": `${2.5 / scale()}px`,
         "line-height": `${1.2 / scale()}px`,