diff --git a/apps/client/src/common/components/view-logo/ViewLogo.scss b/apps/client/src/common/components/view-logo/ViewLogo.scss
index f2b2491a9..c32a520b5 100644
--- a/apps/client/src/common/components/view-logo/ViewLogo.scss
+++ b/apps/client/src/common/components/view-logo/ViewLogo.scss
@@ -1,5 +1,5 @@
 .viewLogo {
   max-width: 100%;
-  max-height: 100%;
+  max-height: 75px;
   display: block;
 }
diff --git a/apps/client/src/features/viewers/clock/Clock.scss b/apps/client/src/features/viewers/clock/Clock.scss
index a4905bd38..cdd53d35d 100644
--- a/apps/client/src/features/viewers/clock/Clock.scss
+++ b/apps/client/src/features/viewers/clock/Clock.scss
@@ -25,6 +25,14 @@
     top: 2vw;
     left: 2vw;
     max-width: min(200px, 20vw);
-    max-height: min(100px, 20vh);
+  }
+}
+
+/* =================== MOBILE ===================*/
+@media screen and (max-width: 768px) {
+  .clock-view {
+    .logo img {
+      height: min(50px, 10vh);
+    }
   }
 }
diff --git a/apps/client/src/features/viewers/countdown/Countdown.scss b/apps/client/src/features/viewers/countdown/Countdown.scss
index 9e9e79463..b1dfa9be9 100644
--- a/apps/client/src/features/viewers/countdown/Countdown.scss
+++ b/apps/client/src/features/viewers/countdown/Countdown.scss
@@ -38,7 +38,6 @@
     top: 2vw;
     left: 2vw;
     max-width: min(200px, 20vw);
-    max-height: min(100px, 20vh);
   }
 
   /* =================== MAIN - EVENT CONTAINER ===================*/
@@ -175,3 +174,13 @@
     }
   }
 }
+
+
+/* =================== MOBILE ===================*/
+@media screen and (max-width: 768px) {
+  .countdown {
+    .logo img {
+      height: min(50px, 10vh);
+    }
+  }
+}
diff --git a/apps/client/src/features/viewers/minimal-timer/MinimalTimer.scss b/apps/client/src/features/viewers/minimal-timer/MinimalTimer.scss
index 7e2b67959..692269bc6 100644
--- a/apps/client/src/features/viewers/minimal-timer/MinimalTimer.scss
+++ b/apps/client/src/features/viewers/minimal-timer/MinimalTimer.scss
@@ -56,6 +56,15 @@
     top: 2vw;
     left: 2vw;
     max-width: min(200px, 20vw);
-    max-height: min(100px, 20vh);
+  }
+}
+
+
+/* =================== MOBILE ===================*/
+@media screen and (max-width: 768px) {
+  .minimal-timer {
+    .logo img {
+      height: min(50px, 10vh);
+    }
   }
 }
diff --git a/apps/client/src/views/backstage/Backstage.scss b/apps/client/src/views/backstage/Backstage.scss
index f914a84fd..27ccfdbd7 100644
--- a/apps/client/src/views/backstage/Backstage.scss
+++ b/apps/client/src/views/backstage/Backstage.scss
@@ -44,7 +44,6 @@
 
   .logo {
     max-width: min(200px, 20vw);
-    max-height: min(100px, 20vh);
   }
 
   .title {
@@ -184,7 +183,7 @@
       gap: 0.5rem;
     }
 
-    .logo {
+    .logo img {
       height: min(50px, 10vh);
     }
 
diff --git a/apps/client/src/views/project-info/ProjectInfo.scss b/apps/client/src/views/project-info/ProjectInfo.scss
index cee7777ed..324198534 100644
--- a/apps/client/src/views/project-info/ProjectInfo.scss
+++ b/apps/client/src/views/project-info/ProjectInfo.scss
@@ -18,7 +18,6 @@
 
   .logo {
     max-width: min(200px, 30vw);
-    max-height: min(100px, 20vh);
   }
 
   .info {
@@ -46,3 +45,12 @@
     }
   }
 }
+
+/* =================== MOBILE ===================*/
+@media screen and (max-width: 768px) {
+  .project {
+    .logo img {
+      height: min(50px, 10vh);
+    }
+  }
+}
diff --git a/apps/client/src/views/public/Public.scss b/apps/client/src/views/public/Public.scss
index 7a020b7a6..490bdc9b6 100644
--- a/apps/client/src/views/public/Public.scss
+++ b/apps/client/src/views/public/Public.scss
@@ -43,7 +43,6 @@
 
   .logo {
     max-width: min(200px, 20vw);
-    max-height: min(100px, 20vh);
   }
 
   .title {
@@ -165,7 +164,7 @@
       gap: 0.5rem;
     }
 
-    .logo {
+    .logo img{
       height: min(50px, 10vh);
     }
 
diff --git a/apps/client/src/views/timeline/TimelinePage.scss b/apps/client/src/views/timeline/TimelinePage.scss
index f8fe8b6eb..709ca5b56 100644
--- a/apps/client/src/views/timeline/TimelinePage.scss
+++ b/apps/client/src/views/timeline/TimelinePage.scss
@@ -23,7 +23,6 @@
 
   .logo {
     max-width: min(200px, 20vw);
-    max-height: min(100px, 20vh);
   }
 
   .clock-container {
diff --git a/apps/client/src/views/timer/Timer.scss b/apps/client/src/views/timer/Timer.scss
index 7358d4d2c..65f13f7d0 100644
--- a/apps/client/src/views/timer/Timer.scss
+++ b/apps/client/src/views/timer/Timer.scss
@@ -201,6 +201,14 @@
     top: $view-block-padding;
     left: $view-inline-padding;
     max-width: min(200px, 20vw);
-    max-height: min(100px, 20vh);
+  }
+}
+
+/* =================== MOBILE ===================*/
+@media screen and (max-width: 768px) {
+  .stage-timer {
+    .logo img {
+      height: min(50px, 10vh);
+    }
   }
 }