update

src/components/Header.js

@@ -36,7 +36,8 @@ class HeaderComponent extends Component {
 			const { activeIndex } = this.state;
 			const { activeIndex } = this.state;
 			return (
 			return (
 				<Navbar.Item key={`Button${index}`} renderAs="a" href="#">
 				<Navbar.Item key={`Button${index}`} renderAs="a" href="#">
-					<Button fullwidth color={index === activeIndex ? 'menu-nexpie' : 'white'}>
+					{/* <Button fullwidth color={index === activeIndex ? 'menu-nexpie' : 'white'}> */}
+					<Button fullwidth color={'white'}>
 						{firstSection.name}
 						{firstSection.name}
 					</Button>
 					</Button>
 				</Navbar.Item>
 				</Navbar.Item>

src/scss/style.scss

@@ -28,7 +28,7 @@ body {
 .button.is-white {
 .button.is-white {
   background-color: $white;
   background-color: $white;
   border-color: transparent;
   border-color: transparent;
-  color: #666;
+  color: #4a4a4a;
 }
 }
 .section {
 .section {
   width: 100vw;
   width: 100vw;
@@ -412,11 +412,11 @@ body {
   .button {
   .button {
     // font-family: "Noto Sans Thai", sans-serif;
     // font-family: "Noto Sans Thai", sans-serif;
     border-radius: 25px;
     border-radius: 25px;
-    font-size: 18px;
+    font-size: 16px;
     font-weight: bold;
     font-weight: bold;
     font-style: normal;
     font-style: normal;
     span {
     span {
-      font-size: 18px;
+      font-size: 16px;
       font-weight: bold;
       font-weight: bold;
       font-style: normal;
       font-style: normal;
     }
     }