diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index dd06ae9..9511223 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -23,10 +23,16 @@
 
   <ion-toolbar color="light" class="ion-no-padding">
     <div class="view-segment">
-      <ion-segment [(ngModel)]="viewMode" (ionChange)="onViewModeChange()" color="primary">
-        <ion-segment-button value="favoritos">Favoritos</ion-segment-button>
-        <ion-segment-button value="todas">Cartelera</ion-segment-button>
-        <ion-segment-button value="plan">Mi Carrera</ion-segment-button>
+      <ion-segment [(ngModel)]="viewMode" (ionChange)="onViewModeChange()" color="primary" mode="md">
+        <ion-segment-button value="favoritos">
+          <ion-label>Favoritos</ion-label>
+        </ion-segment-button>
+        <ion-segment-button value="todas">
+          <ion-label>Cartelera</ion-label>
+        </ion-segment-button>
+        <ion-segment-button value="plan">
+          <ion-label>Mi Carrera</ion-label>
+        </ion-segment-button>
       </ion-segment>
     </div>
   </ion-toolbar>
diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss
index 8fcde53..8bbfb66 100644
--- a/src/app/home/home.page.scss
+++ b/src/app/home/home.page.scss
@@ -131,7 +131,19 @@
 
 .view-segment {
   background: var(--ion-background-color);
-  padding: 10px;
+  padding: 0;
+  width: 100%;
+
+  ion-segment {
+    width: 100%;
+
+    ion-segment-button {
+      flex: 1;
+      font-weight: 600;
+      font-size: 0.92rem;
+      min-height: 44px;
+    }
+  }
 }
 
 .card-header-flex {