diff --git a/DbFirst.BlazorWebApp/Components/Pages/Dashboard.razor b/DbFirst.BlazorWebApp/Components/Pages/Dashboard.razor
index 9e5daea..e27ba49 100644
--- a/DbFirst.BlazorWebApp/Components/Pages/Dashboard.razor
+++ b/DbFirst.BlazorWebApp/Components/Pages/Dashboard.razor
@@ -5,46 +5,6 @@
 @inject NavigationManager Navigation
 @inject DashboardApiClient DashboardApi
 
-<style>
-    .dashboard-shell {
-        display: flex;
-        gap: 0;
-        min-height: 800px;
-        border: 1px solid #e6e6e6;
-        border-radius: 6px;
-        overflow: hidden;
-        background: #fff;
-    }
-    .dashboard-nav {
-        width: 220px;
-        border-right: 1px solid #e6e6e6;
-        background: #fafafa;
-    }
-    .dashboard-nav-title {
-        padding: 0.75rem 1rem 0.5rem;
-        font-size: 0.7rem;
-        text-transform: uppercase;
-        letter-spacing: 0.08em;
-        color: #6c757d;
-        font-weight: 600;
-    }
-    .dashboard-nav-link {
-        display: block;
-        padding: 0.55rem 1rem;
-        color: inherit;
-        text-decoration: none;
-    }
-    .dashboard-nav-link.active {
-        background: #e9ecef;
-        font-weight: 600;
-    }
-    .dashboard-content {
-        flex: 1;
-        min-width: 0;
-        padding: 1rem;
-    }
-</style>
-
 <PageTitle>Dashboards</PageTitle>
 
 <div class="dashboard-shell">
diff --git a/DbFirst.BlazorWebApp/Components/Pages/Dashboard.razor.css b/DbFirst.BlazorWebApp/Components/Pages/Dashboard.razor.css
new file mode 100644
index 0000000..b8e3da0
--- /dev/null
+++ b/DbFirst.BlazorWebApp/Components/Pages/Dashboard.razor.css
@@ -0,0 +1,42 @@
+.dashboard-shell {
+    display: flex;
+    gap: 0;
+    min-height: 800px;
+    border: 1px solid #e6e6e6;
+    border-radius: 6px;
+    overflow: hidden;
+    background: #fff;
+}
+
+.dashboard-nav {
+    width: 220px;
+    border-right: 1px solid #e6e6e6;
+    background: #fafafa;
+}
+
+.dashboard-nav-title {
+    padding: 0.75rem 1rem 0.5rem;
+    font-size: 0.7rem;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: #6c757d;
+    font-weight: 600;
+}
+
+.dashboard-nav-link {
+    display: block;
+    padding: 0.55rem 1rem;
+    color: inherit;
+    text-decoration: none;
+}
+
+    .dashboard-nav-link.active {
+        background: #e9ecef;
+        font-weight: 600;
+    }
+
+.dashboard-content {
+    flex: 1;
+    min-width: 0;
+    padding: 1rem;
+}