diff --git a/dashboard/src/components/PublicPageLayout.vue b/dashboard/src/components/PublicPageLayout.vue
index b7bf36b23..59d430597 100644
--- a/dashboard/src/components/PublicPageLayout.vue
+++ b/dashboard/src/components/PublicPageLayout.vue
@@ -127,6 +127,7 @@ defineProps({
 @media (max-width: 576px) {
   .public-page-layout-mobile-logo {
     display: block;
+    text-align: center;
   }
 
   .public-page-layout-right {
@@ -139,6 +140,7 @@ defineProps({
     padding-right: 20px;
     justify-content: start;
     flex-basis: unset;
+    text-align: center;
     gap: 20px;
   }
 
@@ -147,4 +149,10 @@ defineProps({
   }
 }
 
+@media (max-width: 576px) {
+  .actions {
+    align-items: unset;
+  }
+}
+
 </style>
diff --git a/dashboard/src/views/LoginView.vue b/dashboard/src/views/LoginView.vue
index 11585f210..4c25ba3f3 100644
--- a/dashboard/src/views/LoginView.vue
+++ b/dashboard/src/views/LoginView.vue
@@ -154,4 +154,10 @@ onMounted(async () => {
   font-size: 0.9em;
 }
 
+@media (max-width: 576px) {
+  .actions {
+    align-items: unset;
+  }
+}
+
 </style>