diff --git a/TaikoWebUI/Pages/Card.razor b/TaikoWebUI/Pages/Card.razor
new file mode 100644
index 0000000..98485c6
--- /dev/null
+++ b/TaikoWebUI/Pages/Card.razor
@@ -0,0 +1,8 @@
+@page "/Card/{baid}"
+
+<h1>Card: @Baid</h1>
+
+@code {
+    [Parameter]
+    public string? Baid { get; set; }
+}
\ No newline at end of file
diff --git a/TaikoWebUI/Pages/Dashboard.razor b/TaikoWebUI/Pages/Dashboard.razor
index 02e521a..93d802d 100644
--- a/TaikoWebUI/Pages/Dashboard.razor
+++ b/TaikoWebUI/Pages/Dashboard.razor
@@ -1,5 +1,6 @@
 @using SharedProject.Models.Responses
 @inject HttpClient Client
+@inject NavigationManager UriHelper
 
 @page "/Dashboard"
 <MudContainer>
@@ -18,6 +19,9 @@
                             <CardHeaderContent>
                                 <MudText Typo="Typo.h5">Baid @user.Baid</MudText>
                             </CardHeaderContent>
+                            <CardHeaderActions>
+                                <MudIconButton OnClick="() => NavigateToProfile(user.Baid)" Icon="@Icons.Material.Filled.Settings" Color="Color.Default" />
+                            </CardHeaderActions>
                         </MudCardHeader>
                         <MudCardContent>
                             <MudText Typo="Typo.h6">Access Code</MudText>
@@ -40,4 +44,9 @@
         response = await Client.GetFromJsonAsync<DashboardResponse>("api/Dashboard");
     }
 
+
+    void NavigateToProfile(uint baid)
+    {
+        UriHelper.NavigateTo($"/Card/{baid}");
+    }
 }
\ No newline at end of file
diff --git a/TaikoWebUI/Shared/MainLayout.razor b/TaikoWebUI/Shared/MainLayout.razor
index efafd95..22b1ed6 100644
--- a/TaikoWebUI/Shared/MainLayout.razor
+++ b/TaikoWebUI/Shared/MainLayout.razor
@@ -18,7 +18,7 @@
         <NavMenu/>
     </MudDrawer>
     <MudMainContent>
-        <MudContainer MaxWidth="MaxWidth.Large" Class="my-16 pt-16">
+        <MudContainer MaxWidth="MaxWidth.Large" Class="my-8 pt-8">
             @Body
         </MudContainer>
     </MudMainContent>