diff --git a/src/Portfolio.Api/App.razor b/src/Portfolio.Api/App.razor
deleted file mode 100644
index 4124adc..0000000
--- a/src/Portfolio.Api/App.razor
+++ /dev/null
@@ -1,58 +0,0 @@
-﻿@using Microsoft.AspNetCore.Components.Web;
-@using Microsoft.AspNetCore.Components.Routing
-
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <base href="/"/>
-    <link rel="stylesheet" href="@Assets["Portfolio.Api.styles.css"]"/>
-    <link rel="stylesheet" href="@Assets["_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css"]"/>
-    <ImportMap/>
-    <link rel="icon" type="image/png" href="favicon.png"/>
-    <HeadOutlet/>
-    
-    <style>
-        body {
-            --body-font: "Segoe UI Variable", "Segoe UI", sans-serif;
-            font-family: var(--body-font), sans-serif;
-            font-size: var(--type-ramp-base-font-size);
-            line-height: var(--type-ramp-base-line-height);
-            margin: 0;
-        }
-
-        footer {
-            background: var(--neutral-layer-4);
-            color: var(--neutral-foreground-rest);
-            align-items: center;
-            padding: 10px 10px;
-        }
-
-        footer a {
-            color: var(--neutral-foreground-rest);
-            text-decoration: none;
-        }
-
-        footer a:focus {
-            outline: 1px dashed;
-            outline-offset: 3px;
-        }
-
-        footer a:hover {
-            text-decoration: underline;
-        }
-    </style>
-</head>
-
-<body>
-<Router AppAssembly="typeof(Program).Assembly">
-    <Found Context="routeData">
-        <RouteView RouteData="routeData"/>
-    </Found>
-</Router>
-<script src="_framework/blazor.web.js"></script>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/src/Portfolio.Api/Portfolio.Api.csproj b/src/Portfolio.Api/Portfolio.Api.csproj
index 8cdda73..bbdd1dd 100644
--- a/src/Portfolio.Api/Portfolio.Api.csproj
+++ b/src/Portfolio.Api/Portfolio.Api.csproj
@@ -10,7 +10,7 @@
     <ItemGroup>
         <PackageReference Include="Aspire.Npgsql.EntityFrameworkCore.PostgreSQL" Version="9.0.0" />
         <PackageReference Include="Aspire.StackExchange.Redis.OutputCaching" Version="9.0.0" />
-        <PackageReference Include="HopFrame.Web" Version="3.0.0" />
+        <PackageReference Include="HopFrame.Web" Version="3.1.0" />
         <PackageReference Include="Microsoft.AspNetCore.OpenApi" Version="9.0.0"/>
     </ItemGroup>
 
diff --git a/src/Portfolio.Api/Program.cs b/src/Portfolio.Api/Program.cs
index 528c0e1..d2b722c 100644
--- a/src/Portfolio.Api/Program.cs
+++ b/src/Portfolio.Api/Program.cs
@@ -57,7 +57,6 @@ builder.Services.AddHopFrame(options => {
                 .List(false);
 
             table.Property(p => p.Description)
-                .List(false)
                 .IsTextArea(true);
 
             table.Property(p => p.SourceCode)
@@ -66,23 +65,20 @@ builder.Services.AddHopFrame(options => {
 
         context.Table<About>(table => {
             table.Property(a => a.AboutMe)
-                .List(false)
+                .SetDisplayLength(100)
                 .IsTextArea(true);
 
             table.Property(a => a.Future)
-                .List(false)
+                .SetDisplayLength(100)
                 .IsTextArea(true);
         });
 
         context.Table<TimelineEntry>(table => {
             table.Property(t => t.Description)
-                .IsTextArea(true)
-                .List(false);
+                .IsTextArea(true);
         });
     });
 });
-builder.Services.AddRazorComponents()
-    .AddInteractiveServerComponents();
 
 var app = builder.Build();
 
@@ -102,9 +98,6 @@ app.UseOutputCache();
 
 app.MapControllers();
 
-app.UseAntiforgery();
-app.MapStaticAssets();
-app.MapRazorComponents<App>()
-    .MapHopFramePages();
+app.MapHopFrame();
 
 app.Run();
