diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 96ba6a8..a923734 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -1608,6 +1608,16 @@ select {
   border-top-right-radius: 1.5rem;
 }
 
+.rounded-t-xl {
+  border-top-left-radius: 0.75rem;
+  border-top-right-radius: 0.75rem;
+}
+
+.rounded-t-2xl {
+  border-top-left-radius: 1rem;
+  border-top-right-radius: 1rem;
+}
+
 .border {
   border-width: 1px;
 }
@@ -2030,6 +2040,14 @@ select {
   padding-top: 1.25rem;
 }
 
+.pt-6 {
+  padding-top: 1.5rem;
+}
+
+.pt-4 {
+  padding-top: 1rem;
+}
+
 .text-left {
   text-align: left;
 }
@@ -2080,6 +2098,11 @@ select {
   line-height: 1rem;
 }
 
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
 .font-bold {
   font-weight: 700;
 }
@@ -3195,6 +3218,11 @@ select {
     flex-direction: column;
   }
 
+  .md\:rounded-t-3xl {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
   .md\:bg-primary-500 {
     --tw-bg-opacity: 1;
     background-color: rgb(3 91 113 / var(--tw-bg-opacity));
@@ -3235,6 +3263,11 @@ select {
     font-size: 1.5rem;
     line-height: 2rem;
   }
+
+  .md\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
 }
 
 @media (min-width: 1024px) {
diff --git a/src/components/Pages/MenuProvider.vue b/src/components/Pages/MenuProvider.vue
index 959b3d5..70eabe4 100644
--- a/src/components/Pages/MenuProvider.vue
+++ b/src/components/Pages/MenuProvider.vue
@@ -1,7 +1,7 @@
 <template>
-    <main class="flex-1 px-2 overflow-y-auto bg-white md:mr-3 sm:px-3 md:px-4 rounded-t-3xl no-scroll-bar">
-        <div v-if="route.path !== '/home'" class="pt-2 max-w-7xl sm:pt-4 md:pt-6">
-            <h1 class="text-lg font-medium md:text-2xl lg:text-3xl text-dark">{{ currentRouteName }}</h1>
+    <main class="flex-1 px-4 overflow-y-auto bg-white md:mr-3 sm:px-3 md:px-4 rounded-t-2xl md:rounded-t-3xl no-scroll-bar">
+        <div v-if="route.path !== '/home'" class="pt-4 max-w-7xl">
+            <h1 class="text-xl font-medium md:text-3xl text-dark">{{ currentRouteName }}</h1>
         </div>
         <div class="mt-2 sm:mt-4 dx-viewport">
             <slot></slot>