diff --git a/ui/public/pages/Home.js b/ui/public/pages/Home.js
index 8d51872..1c144b8 100644
--- a/ui/public/pages/Home.js
+++ b/ui/public/pages/Home.js
@@ -25,7 +25,7 @@ class Home extends Shadow {
                         span("The Community OS")
                             .fontFamily("Canterbury")
                             .color("var(--accent)")
-                            .fontSize(2.5, em)
+                            .fontSize(2.5, vmax)
                             .paddingBottom(1, rem)
                     })
                     .height(5, em)
@@ -37,9 +37,9 @@ class Home extends Shadow {
                         .borderTop("1px solid var(--quillred)")
                         .borderHorizontal("1px solid var(--quillred)")
                         .height(5, em)
-                        .fontSize(1.2, em)
-                        .paddingTop(2, rem)
-                        .paddingHorizontal(2, rem)
+                        .fontSize(window.isMobile() ? 2 : 1.2, vmax)
+                        .paddingTop(2, vmax)
+                        .paddingHorizontal(2, vmax)
                 })
 
                 VStack(() => {
@@ -48,7 +48,7 @@ class Home extends Shadow {
                         p("Log In")
                             .color("var(--quillred)")
                             .paddingVertical(1.2, rem)
-                            .paddingHorizontal(3, rem)
+                            .paddingHorizontal(3, vmax)
                             .fontSize(1.2, em)
                             .cursor("default")
                             .onHover(function (hovering) {
@@ -67,7 +67,7 @@ class Home extends Shadow {
                             .color("var(--quillred)")
                             .borderLeft("1px solid var(--quillred)")
                             .paddingVertical(1.2, rem)
-                            .paddingHorizontal(3, rem)
+                            .paddingHorizontal(3, vmax)
                             .fontSize(1.2, em)
                             .cursor("default")
                             .onHover(function (hovering) {
@@ -93,7 +93,7 @@ class Home extends Shadow {
             })
             
             ZStack(() => {
-                img("/_/images/nodes.svg", "20vw")
+                img("/_/images/nodes.svg", window.isMobile() ? "30vmax" : "20vmax")
                 .marginHorizontal(50, pct)
                 .marginTop(13, em)
                 .center()
@@ -102,8 +102,8 @@ class Home extends Shadow {
             .marginBottom(10, em)
             .border("1px solid var(--quillred)")
         })
-        .marginHorizontal(27, vw)
-        .width(46, vw)
+        .marginHorizontal(window.isMobile() ? 6 : 27, vw)
+        .width(window.isMobile() ? 88 : 46, vw)
         .marginTop(10, vh)
     }
 
diff --git a/ui/public/pages/SignIn.js b/ui/public/pages/SignIn.js
index 7d1a96d..f45a3b9 100644
--- a/ui/public/pages/SignIn.js
+++ b/ui/public/pages/SignIn.js
@@ -8,7 +8,7 @@ class SignIn extends Shadow {
 
     render() {
         ZStack(() => {
-            img("/_/icons/quill.svg", "3vmax")
+            img("/_/icons/quill.svg", window.isMobile() ? "5vmax" : "3vmax")
                 .position("absolute")
                 .top(2, em)
                 .left(2, em)
diff --git a/ui/public/pages/SignUp.js b/ui/public/pages/SignUp.js
index 7f9f980..54291dd 100644
--- a/ui/public/pages/SignUp.js
+++ b/ui/public/pages/SignUp.js
@@ -2,7 +2,7 @@ class SignUp extends Shadow {
     render() {
 
         ZStack(() => {
-            img("/_/icons/quill.svg", "3vmax")
+            img("/_/icons/quill.svg", window.isMobile() ? "5vmax" : "3vmax")
                 .position("absolute")
                 .top(2, em)
                 .left(2, em)
@@ -35,6 +35,7 @@ class SignUp extends Shadow {
             .x(50, vw).y(50, vh).center()
             .border("1px solid var(--red)")
             .padding(1, em)
+            .width(isMobile() ? 70 : "auto", isMobile() ? vw :  "")
         })
     }
 }
diff --git a/ui/public/pages/SignupForm.js b/ui/public/pages/SignupForm.js
index a534385..ef1643a 100644
--- a/ui/public/pages/SignupForm.js
+++ b/ui/public/pages/SignupForm.js
@@ -11,7 +11,7 @@ class SignupForm extends Shadow {
 
     render() {
         ZStack(() => {
-            img("/_/icons/quill.svg", "3vmax")
+            img("/_/icons/quill.svg", window.isMobile() ? "5vmax" : "3vmax")
                 .position("absolute")
                 .top(2, em)
                 .left(2, em)