diff --git a/src/layouts/partials/floating-join-btn.html b/src/layouts/partials/floating-join-btn.html
index 17262ec..3eb91f2 100644
--- a/src/layouts/partials/floating-join-btn.html
+++ b/src/layouts/partials/floating-join-btn.html
@@ -5,9 +5,8 @@
 @media only screen and (min-width: 1200px) {
 
   .gf-container {
-    width: 8vw;
+    width: 16vw;
     height: 8vw;
-    border-radius: 100px;
     display: flex;
     flex-direction: column;
     position: fixed;
@@ -39,9 +38,8 @@
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 
   .gf-container {
-    width: 8.333vw;
+    width: 16.66vw;
     height: 8.333vw;
-    border-radius: 100px;
     display: flex;
     flex-direction: column;
     position: fixed;
@@ -73,9 +71,8 @@
 @media only screen and (min-width: 768px) and (max-width: 992px) {
 
   .gf-container {
-    width: 8vw;
+    width: 16vw;
     height: 8vw;
-    border-radius: 100px;
     display: flex;
     flex-direction: column;
     position: fixed;
@@ -107,9 +104,8 @@
 @media only screen and (min-width: 576px) and (max-width: 768px) {
 
   .gf-container {
-    width: 8vw;
+    width: 16vw;
     height: 8vw;
-    border-radius: 100px;
     display: flex;
     flex-direction: column;
     position: fixed;
@@ -141,9 +137,8 @@
 @media only screen and (max-width: 576px) {
 
   .gf-container {
-    width: 20vw;
+    width: 40vw;
     height: 20vw;
-    border-radius: 100px;
     display: flex;
     flex-direction: column;
     position: fixed;
@@ -175,5 +170,5 @@
 </style>
 
 <a href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" class="gf-container animated-5 animatedFadeInUp fadeInUp" style="background-color:#8EC7BF;">
- JOIN
+ AUTHENTICATE
 </a>