fixing some login things and other text

components/Dashboard/Office.tsx

@@ -164,7 +164,7 @@ export default function Office() {
     <section className="p-5 flex flex-col bg-gray-100 bg-opacity-25 rounded-lg shadow-md w-96 shrink-0 flex-1 overflow-auto">
       <Tooltip
         title={
-          "Tell teammates above to chat in the 'kitchen' or other places in the office."
+          "Tell teammates to chat in the 'kitchen' or other places in the office to resolve matters on the spot."
         }
       >
         <span className="flex flex-row justify-start items-center pb-5">

pages/index.js

@@ -72,7 +72,7 @@ export default function Home() {
 
         {/* above fold main */}
         <div className="flex flex-row flex-wrap md:flex-nowrap md:mt-20 space-x-10">
-          <span className="flex flex-col max-w-screen-sm justify-start items-baseline backdrop-blur-xl rounded-lg">
+          <span className="flex flex-col max-w-screen-sm justify-start items-baseline backdrop-blur-xl rounded-lg p-5">
             <span className="flex flex-row text-left md:text-6xl text-5xl space-x-5 h-[5rem] overflow-hidden">
               <span className="font-semibold text-black py-4">No</span>
               <span className="md:hidden flex flex-row space-x-2 py-4 text-red-600">
@@ -102,8 +102,8 @@ export default function Home() {
               <span className="text-sky-600 font-bold">focus.</span>
             </span>
 
-            <span className="my-10 text-md text-xl max-w-xl text-gray-600">
-              Voice-first collaboration tool for scrum/agile teams.
+            <span className="my-10 text-md text-xl max-w-xl text-gray-600 w-max">
+              Voice-only collaboration tool for scrum/agile teams.
               <br></br>
               Skip slack and email, just talk to your team.
             </span>