diff --git a/src/pages/index.js b/src/pages/index.js
index 98ebcb07..05fdeb8f 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -41,23 +41,23 @@ function HomepageHeader() {
             <Translate>Get Started</Translate>
           </Link>
           <div className={styles.buttons}>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/casbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/go-logo-1.svg" />Golang</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/casbin/jcasbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/jee-3.svg" />Java</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/casbin/casbin-cpp"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/c.svg" />C/C++</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/casbin/node-casbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/nodejs-1.svg" />Node.js</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/casbin/casbin.js"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/logo-javascript.svg" />Front-end js</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/php-casbin/php-casbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/PHP-logo.svg" />PHP</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/php-casbin/laravel-authz"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/laravel-2.svg" />Laravel</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/casbin/pycasbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/python-5.svg" />Python</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/casbin/Casbin.NET"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/dotnet-logo.svg" />.Net (C#)</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/casbin4f/Casbin4D"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/delphi-2.svg" />Delphi</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/casbin/casbin-rs"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/rust.svg" />Rust</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/CasbinRuby/casbin-ruby"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/ruby.svg" />Ruby</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/casbin/SwiftCasbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/swift-15.svg" />Swift (Objective-C)</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/casbin/lua-casbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/lua-5.svg" />Lua (OpenResty, Kong, APISIX)</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/casbin/dart-casbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/dart.svg" />Dart (Flutter)</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="https://github.com/casbin/casbin-ex"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/elixir-lang-icon.svg" />Elixir</Link>
-            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex"}} to="/docs/cloud-native"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/kubernets.svg" />Cloud Native (Kubernetes, Istio, Envoy, KubeSphere)</Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/casbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/go-logo-1.svg" /><div className={styles.text}> Golang </div> </Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/casbin/jcasbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/jee-3.svg" /><div className={styles.text}> Java </div></Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/casbin/casbin-cpp"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/c.svg" /><div className={styles.text}> C/C++ </div>C/C++</Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/casbin/node-casbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/nodejs-1.svg" /><div className={styles.text}> Node.js </div>Node.js</Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/casbin/casbin.js"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/logo-javascript.svg" /><div className={styles.text}> Front-end js </div></Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/php-casbin/php-casbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/PHP-logo.svg" /><div className={styles.text}> PHP </div>PHP</Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/php-casbin/laravel-authz"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/laravel-2.svg" /><div className={styles.text}> Laravel </div></Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/casbin/pycasbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/python-5.svg" /><div className={styles.text}> Python </div></Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/casbin/Casbin.NET"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/dotnet-logo.svg" /><div className={styles.text}> .Net (C#) </div></Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/casbin4f/Casbin4D"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/delphi-2.svg" /><div className={styles.text}> Delphi </div></Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/casbin/casbin-rs"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/rust.svg" /><div className={styles.text}> Rust </div></Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/CasbinRuby/casbin-ruby"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/ruby.svg" /><div className={styles.text}> Ruby </div></Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/casbin/SwiftCasbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/swift-15.svg" /><div className={styles.text}> Swift (Objective-C) </div></Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/casbin/lua-casbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/lua-5.svg" /><div className={styles.text}> Lua (OpenResty, Kong, APISIX) </div></Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/casbin/dart-casbin"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/dart.svg" /><div className={styles.text}> Dart (Flutter) </div></Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="https://github.com/casbin/casbin-ex"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/elixir-lang-icon.svg" /><div className={styles.text}> Elixir </div></Link>
+            <Link className="button button--secondary button--lg" style={{marginTop: "1rem", marginRight: ".5rem", marginLeft: ".5rem", display: "flex", alignItems: "center"}} to="/docs/cloud-native"><embed className={styles.embedbutton} src="https://cdn.casbin.org/language/kubernets.svg" /> <div className={styles.text}> Cloud Native (Kubernetes, Istio, Envoy, KubeSphere) </div></Link>
           </div>
         </div>
       </div>
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 4efd3637..43ccd7b7 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -10,8 +10,9 @@
   text-align: center;
   position: relative;
   overflow: hidden;
+
   /* color: var(--ifm-font-color-base); */
-  color: #E3E3E3;
+  color: #e3e3e3;
 }
 
 @media screen and (max-width: 966px) {
@@ -59,3 +60,7 @@
   width: 22px;
   height: 22px;
 }
+
+.text {
+  white-space: normal;
+}