diff --git a/src/components/layout/default.vue b/src/components/layout/default.vue
index 8f1cf8f..4a61733 100644
--- a/src/components/layout/default.vue
+++ b/src/components/layout/default.vue
@@ -6,10 +6,10 @@ import { ellipse, square, triangle } from "ionicons/icons";
   <IonPage>
     <IonTabs>
       <IonRouterOutlet />
-      <IonTabBar slot="bottom">
-        <IonTabButton tab="home" href="/layout/home">
+      <IonTabBar slot="bottom" class="tabbar">
+        <IonTabButton tab="riwa" href="/layout/riwa">
           <IonIcon aria-hidden="true" :icon="triangle" />
-          <IonLabel>Home</IonLabel>
+          <IonLabel>Riwa</IonLabel>
         </IonTabButton>
 
         <IonTabButton tab="market" href="/layout/market">
@@ -25,3 +25,10 @@ import { ellipse, square, triangle } from "ionicons/icons";
     </IonTabs>
   </IonPage>
 </template>
+
+<style scoped>
+.tabbar {
+  height: 60px;
+  --background: var(--ion-background-color);
+}
+</style>