diff --git a/src/components/pages/GCAuth.tsx b/src/components/pages/GCAuth.tsx
index 9cb40f6..cdd7166 100644
--- a/src/components/pages/GCAuth.tsx
+++ b/src/components/pages/GCAuth.tsx
@@ -272,8 +272,12 @@ export default function GCAuth() {
                                 <button
                                     className="mt-auto bg-indigo-600 hover:bg-indigo-500 text-white font-bold py-2 px-4 rounded-md w-full">Login
                                 </button>
-                                <button onClick={handleCopyToken} className="mt-2 bg-indigo-600 hover:bg-indigo-500 text-white font-bold py-2 px-4 rounded-md w-full">Copy Token
-                                </button>
+                                <input type="text" onClick={(e) => {
+                                    navigator.clipboard.writeText(e.currentTarget.value)
+                                }}
+                                       placeholder="Your token here"
+                                       className="mt-2 block w-full shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300 rounded-md"
+                                       value={token} readOnly/>
                             </form>
                         </div>
                         <div className="col-span-1">