diff --git a/graph-toolkit-productivity-hub-aspnetcore/OneProductivityHubAspNetCore/Pages/Tab.razor b/graph-toolkit-productivity-hub-aspnetcore/OneProductivityHubAspNetCore/Pages/Tab.razor
index ba78f4f5..f80ff261 100644
--- a/graph-toolkit-productivity-hub-aspnetcore/OneProductivityHubAspNetCore/Pages/Tab.razor
+++ b/graph-toolkit-productivity-hub-aspnetcore/OneProductivityHubAspNetCore/Pages/Tab.razor
@@ -5,7 +5,7 @@
    
     <div>
 
-        <mgt-person person-query="me" view="twoLines"></mgt-person>
+        <mgt-login></mgt-login>
 
 
         <div class="features">
diff --git a/graph-toolkit-productivity-hub-aspnetcore/OneProductivityHubAspNetCore/Pages/Tab.razor.css b/graph-toolkit-productivity-hub-aspnetcore/OneProductivityHubAspNetCore/Pages/Tab.razor.css
index 4fc35d75..2a42fbaf 100644
--- a/graph-toolkit-productivity-hub-aspnetcore/OneProductivityHubAspNetCore/Pages/Tab.razor.css
+++ b/graph-toolkit-productivity-hub-aspnetcore/OneProductivityHubAspNetCore/Pages/Tab.razor.css
@@ -42,7 +42,7 @@
         font-weight: 600;
     }
 
-mgt-person {
+mgt-login {
     margin-top: 20px;
     margin-left: 20px;
     --avatar-size: 60px;