diff --git a/components/Dashboard/Header.tsx b/components/Dashboard/Header.tsx
index 323b83d..1dc26ca 100644
--- a/components/Dashboard/Header.tsx
+++ b/components/Dashboard/Header.tsx
@@ -15,6 +15,7 @@ import {
   FaDatabase,
   FaMicrophoneAltSlash,
   FaVolumeMute,
+  FaLayerGroup,
 } from "react-icons/fa";
 import { useTeamDashboardContext } from "../../contexts/teamDashboardContext";
 import router from "next/router";
@@ -123,12 +124,17 @@ export default function Header() {
 
   const TeamsMenu = (
     <Menu key={2} title="teams">
-      <Menu.Item onClick={handleAdminRoute} key={1} icon={<FaDatabase />}>
+      <Menu.Item
+        onClick={() => window.open("/teams", "_self")}
+        key={"team hub"}
+        icon={<FaLayerGroup />}
+      >
+        <button>Team Hub</button>
+      </Menu.Item>
+      <Menu.Item onClick={handleAdminRoute} key={"admin"} icon={<FaDatabase />}>
         <button>Admin</button>
       </Menu.Item>
-
       <Menu.Divider />
-
       {/* all current teams that this person is a part of */}
       {usersTeams &&
         usersTeams.map((uteam, i) => {
@@ -145,17 +151,6 @@ export default function Header() {
             </Menu.Item>
           );
         })}
-
-      <Menu.Divider />
-
-      {/* create TEAM */}
-      <Menu.Item
-        key={"createteam"}
-        icon={<FaPeopleCarry />}
-        onClick={() => router.push("/teams/create")}
-      >
-        <button>Create Team</button>
-      </Menu.Item>
     </Menu>
   );
   const UserMenu = (
diff --git a/models/team.ts b/models/team.ts
index ea4cdef..555196b 100644
--- a/models/team.ts
+++ b/models/team.ts
@@ -6,8 +6,8 @@ export class Team {
 
   status: TeamStatus;
 
-  allowedUserCount: number;
-  subscriptionPlan: TeamSubscriptionPlan;
+  allowedUserCount: number = 2;
+  // subscriptionPlan: TeamSubscriptionPlan = TeamSubscriptionPlan.basic
 
   companySite: string;
 
diff --git a/pages/teams/index.tsx b/pages/teams/index.tsx
index 693a954..c1789e8 100644
--- a/pages/teams/index.tsx
+++ b/pages/teams/index.tsx
@@ -124,6 +124,7 @@ function RouteHandler() {
       {/* all teams part of */}
       <div className="flex flex-row flex-wrap">
         {teams.map((team) => {
+          console.log(team);
           return (
             <span
               key={team.id}
@@ -131,8 +132,15 @@ function RouteHandler() {
               p-5 rounded bg-gray-200 bg-opacity-20 flex flex-row justify-between items-center w-[20rem] m-2"
             >
               <span className="flex flex-col mr-10 items-start">
-                <span className="text-lg text-teal-600 group-hover:font-semibold transition-all">
-                  {team.name}
+                <span className="flex flex-row items-center space-x-2">
+                  <span className="text-lg text-teal-600 group-hover:font-semibold transition-all">
+                    {team.name}
+                  </span>
+                  <Tooltip title={"Number of pro spots purchased"}>
+                    <span className="bg-teal-600 bg-opacity-50 text-xs rounded-full w-5 h-5 flex items-center justify-evenly text-white ">
+                      {team.allowedUserCount || 2}
+                    </span>
+                  </Tooltip>
                 </span>
 
                 {team.companySite && (