diff --git a/src/views/Workshop/creation/creation-list.vue b/src/views/Workshop/creation/creation-list.vue
index 1fa409a..4a23246 100644
--- a/src/views/Workshop/creation/creation-list.vue
+++ b/src/views/Workshop/creation/creation-list.vue
@@ -230,7 +230,7 @@ const onContinue = () => {
   display: flex;
   flex-direction: column;
   > .title {
-    font-family: satoshiRegular;
+    font-family: 'satoshiRegular';
     font-size: 9rem;
     text-align: center;
     line-height: 124%;
diff --git a/src/views/Workshop/product.vue b/src/views/Workshop/product.vue
index e82cbb7..601c58d 100644
--- a/src/views/Workshop/product.vue
+++ b/src/views/Workshop/product.vue
@@ -199,6 +199,7 @@ const { isLoading } = toRefs(data);
 				font-weight: 700;
 				font-size: 9.6rem;
 				line-height: 124%;
+				color: #000;
 			}
 		}
 		> .selectContent{
diff --git a/src/views/Workshop/selectStyle.vue b/src/views/Workshop/selectStyle.vue
index 6c95b95..00bc0dd 100644
--- a/src/views/Workshop/selectStyle.vue
+++ b/src/views/Workshop/selectStyle.vue
@@ -118,11 +118,11 @@ const { styleList, select } = toRefs(data);
 				Select the outfit that matches you the most.
 			</div>
 		</div>
-		<div class="selectContent">
+		<div class="selectContent flex-1">
 			<SelectItem :selectList="styleList" v-model:select="select" @selectItem="selectItem" @updateStyle="updateStyle" />
 		</div>
 		<div class="footer">
-			<button @click.stop="toProduct">Continue</button>
+			<button class="flex flex-center" @click.stop="toProduct">Continue</button>
 		</div>
 	</div>
 	<!-- <div class="footer placeholder"></div> -->
@@ -151,12 +151,14 @@ const { styleList, select } = toRefs(data);
 				font-weight: 700;
 				font-size: 9.6rem;
 				line-height: 124%;
+				color: #000;
 			}
 			> .info{
 				font-size: 4rem;
 				font-weight: 400;
 				line-height: 124%;
 				margin-top: 1.3rem;
+				color: rgba(0, 0, 0, 0.6);
 			}
 		}
 		.selectContent{
@@ -166,16 +168,19 @@ const { styleList, select } = toRefs(data);
 	}
 	.footer {
 		// position: fixed;
-		margin-top: 4.4rem;
+		// margin-top: 4.4rem;
 		display: flex;
 		align-items: center;
 		justify-content: flex-end;
-		background-color: #f6f6f6;
+		position: absolute;
+		right: 4.1rem;
+		bottom: 5.6rem;
+		// background-color: #f6f6f6;
 		&.placeholder{
 			position: relative;
 		}
 		> button {
-			margin-right: 5rem;
+			// margin-right: 5rem;
 			border-radius: .7rem;
 			border: 3px solid #000;
 			background-color: #000;
@@ -184,6 +189,8 @@ const { styleList, select } = toRefs(data);
 			font-family: satoshiMedium;
 			font-size: 3.6rem;
 			width: 24.6rem;
+			height: 6.7rem;
+			box-sizing: border-box;
 			line-height: 6.7rem;
 		}
 	}
diff --git a/src/views/asistant/index.vue b/src/views/asistant/index.vue
index da0122d..91dbaa2 100644
--- a/src/views/asistant/index.vue
+++ b/src/views/asistant/index.vue
@@ -17,8 +17,8 @@
       </div>
       <div class="footer" v-if="!isLoading">
         <InputArea @send-message="handleSendMessage" />
-        <div class="continue">
-          <button class="btn" @click="handleContinue">Continue</button>
+        <div class="continue flex">
+          <div class="btn flex flex-center" @click="handleContinue">Continue</div>
         </div>
       </div>
     </template>
@@ -306,8 +306,9 @@ const handleContinue = () => {
     color: #fff;
     text-align: right;
     padding: 2.6rem 4.5rem;
+    flex-direction: row-reverse;
     .btn {
-      border-radius: 7px;
+      border-radius: 0.7rem;
       background-color: #000;
       width: 24.6rem;
       height: 5.9rem;
diff --git a/src/views/stylist/sex.vue b/src/views/stylist/sex.vue
index 8107cd7..790cc80 100644
--- a/src/views/stylist/sex.vue
+++ b/src/views/stylist/sex.vue
@@ -74,7 +74,7 @@ const handleSelect = (value: string) => {
       // flex: 1;
       text-align: center;
       font-family: 'satoshiRegular';
-      font-size: 6.4rem;
+      font-size: 4.8rem;
       width: 29.7rem;
       height: 8.3rem;
       border: .2rem solid #fff;