diff --git a/rubberduckvba.Server/Api/Features/FeatureEditViewModel.cs b/rubberduckvba.Server/Api/Features/FeatureEditViewModel.cs
index 136e769..6c505ec 100644
--- a/rubberduckvba.Server/Api/Features/FeatureEditViewModel.cs
+++ b/rubberduckvba.Server/Api/Features/FeatureEditViewModel.cs
@@ -1,4 +1,5 @@
 using rubberduckvba.Server.Model;
+using rubberduckvba.Server.Model.Entity;
 using rubberduckvba.Server.Services;
 
 namespace rubberduckvba.Server.Api.Features;
@@ -36,7 +37,8 @@ public Feature ToFeature()
             ShortDescription = ShortDescription,
             Description = Description,
             IsHidden = IsHidden,
-            IsNew = IsNew
+            IsNew = IsNew,
+            Links = Links
         };
     }
 
@@ -56,6 +58,8 @@ public FeatureEditViewModel(Feature model, FeatureOptionViewModel[] features, Re
 
         Features = features;
         Repositories = repositories;
+
+        Links = model.Links;
     }
 
     public int? Id { get; init; }
@@ -72,4 +76,6 @@ public FeatureEditViewModel(Feature model, FeatureOptionViewModel[] features, Re
 
     public FeatureOptionViewModel[] Features { get; init; } = [];
     public RepositoryOptionViewModel[] Repositories { get; init; } = [];
+
+    public BlogLink[] Links { get; init; } = [];
 }
diff --git a/rubberduckvba.Server/Api/Features/FeaturesController.cs b/rubberduckvba.Server/Api/Features/FeaturesController.cs
index 42352a0..6728f37 100644
--- a/rubberduckvba.Server/Api/Features/FeaturesController.cs
+++ b/rubberduckvba.Server/Api/Features/FeaturesController.cs
@@ -244,11 +244,13 @@ public async Task Delete([FromBody] Feature model)
     public MarkdownContentViewModel FormatMarkdown([FromBody] MarkdownContentViewModel model)
     {
         var markdown = model.Content;
-        var formatted = markdownService.FormatMarkdownDocument(markdown, withSyntaxHighlighting: true);
-        return new MarkdownContentViewModel
+        if (!cache.TryGetHtml(markdown, out var html))
         {
-            Content = formatted
-        };
+            html = markdownService.FormatMarkdownDocument(markdown, withSyntaxHighlighting: true);
+            cache.CacheHtml(markdown, html);
+        }
+
+        return new MarkdownContentViewModel { Content = html! };
     }
 
     private InspectionsFeatureViewModel GetInspections()
diff --git a/rubberduckvba.Server/Services/CacheService.cs b/rubberduckvba.Server/Services/CacheService.cs
index 1e97775..2c887a7 100644
--- a/rubberduckvba.Server/Services/CacheService.cs
+++ b/rubberduckvba.Server/Services/CacheService.cs
@@ -4,6 +4,8 @@
 using rubberduckvba.Server.Api.Tags;
 using rubberduckvba.Server.Data;
 using rubberduckvba.Server.Model;
+using System.Security.Cryptography;
+using System.Text;
 
 namespace rubberduckvba.Server.Services;
 
@@ -41,6 +43,9 @@ private void GetCurrentJobState()
         XmldocJobState = state.TryGetValue(XmldocJobName, out var xmldocsJobState) ? xmldocsJobState : null;
     }
 
+    public bool TryGetHtml(string markdown, out string? cached) => TryReadFromCache($"md:{Encoding.UTF8.GetString(SHA256.HashData(Encoding.UTF8.GetBytes(markdown)))}", out cached);
+    public void CacheHtml(string markdown, string html) => Write($"md:{Encoding.UTF8.GetString(SHA256.HashData(Encoding.UTF8.GetBytes(markdown)))}", html);
+
     public bool TryGetLatestTags(out LatestTagsViewModel? cached) => TryReadFromTagsCache("tags/latest", out cached);
     public bool TryGetAvailableDownloads(out AvailableDownload[]? cached) => TryReadFromTagsCache("downloads", out cached);
     public bool TryGetFeatures(out FeatureViewModel[]? cached) => TryReadXmldocCache("features", out cached);
@@ -177,4 +182,10 @@ private bool TryReadXmldocCache<T>(string key, out T? cached)
 
         return result;
     }
+
+    private bool TryReadFromCache(string key, out string? cached)
+    {
+        var result = _cache.TryGetValue(key, out cached);
+        return result;
+    }
 }
\ No newline at end of file
diff --git a/rubberduckvba.Server/Services/GitHubClientService.cs b/rubberduckvba.Server/Services/GitHubClientService.cs
index c7c1d27..e6ed0c5 100644
--- a/rubberduckvba.Server/Services/GitHubClientService.cs
+++ b/rubberduckvba.Server/Services/GitHubClientService.cs
@@ -42,51 +42,52 @@ private class ReleaseComparer : IEqualityComparer<Release>
         var credentials = new Credentials(token);
         var client = new GitHubClient(new ProductHeaderValue(config.UserAgent), new InMemoryCredentialStore(credentials));
 
-        var user = await client.User.Current();
-        var orgs = await client.Organization.GetAllForCurrent();
-
-        var org = orgs.SingleOrDefault(e => e.Id == RDConstants.Org.OrganisationId);
-        var isOrgMember = org is Organization rdOrg;
-
+        var (name, role) = await DetermineUserRole(client);
         var claims = new List<Claim>
         {
-            new(ClaimTypes.Name, user.Login),
+            new(ClaimTypes.Name, name),
+            new(ClaimTypes.Role, role),
             new(ClaimTypes.Authentication, token),
             new("access_token", token)
         };
 
-        if (isOrgMember && !user.Suspended)
+        return new ClaimsPrincipal(new ClaimsIdentity(claims, "github"));
+    }
+
+    private static async Task<(string name, string role)> DetermineUserRole(GitHubClient client)
+    {
+        var role = RDConstants.Roles.ReaderRole;
+
+        var user = await client.User.Current();
+        if (!user.Suspended)
         {
-            var teams = await client.Organization.Team.GetAllForCurrent();
+            // only authenticated GitHub users in good standing can submit edits
+            role = RDConstants.Roles.WriterRole;
 
-            var adminTeam = teams.SingleOrDefault(e => e.Name == RDConstants.Org.WebAdminTeam);
-            if (adminTeam is not null)
+            var orgs = await client.Organization.GetAllForCurrent();
+            if (orgs.SingleOrDefault(e => e.Id == RDConstants.Org.OrganisationId) is not null)
             {
-                // authenticated members of the org who are in the admin team can manage the site and approve their own changes
-                claims.Add(new Claim(ClaimTypes.Role, RDConstants.Roles.AdminRole));
-            }
-            else
-            {
-                var contributorsTeam = teams.SingleOrDefault(e => e.Name == RDConstants.Org.ContributorsTeam);
-                if (contributorsTeam is not null)
-                {
-                    // members of the contributors team can review/approve/reject suggested changes
-                    claims.Add(new Claim(ClaimTypes.Role, RDConstants.Roles.ReviewerRole));
-                }
-                else
+                var teams = await client.Organization.Team.GetAllForCurrent();
+
+                // members of the Rubberduck organization are welcome to review/approve/reject suggested changes
+                // NOTE: opportunity for eventual distinction between members and contributors
+                role = RDConstants.Roles.ReviewerRole;
+
+                //// members of the contributors team can review/approve/reject suggested changes
+                //if (teams.SingleOrDefault(e => e.Name == RDConstants.Org.ContributorsTeam) is not null)
+                //{
+                //    role = RDConstants.Roles.ReviewerRole;
+                //}
+
+                // authenticated org members in the WebAdmin team can manage the site and approve their own changes
+                if (teams.SingleOrDefault(e => e.Name == RDConstants.Org.WebAdminTeam) is not null)
                 {
-                    // authenticated members of the org can submit edits
-                    claims.Add(new Claim(ClaimTypes.Role, RDConstants.Roles.WriterRole));
+                    role = RDConstants.Roles.AdminRole;
                 }
             }
         }
-        else
-        {
-            claims.Add(new Claim(ClaimTypes.Role, RDConstants.Roles.ReaderRole));
-        }
 
-        var identity = new ClaimsIdentity(claims, "github");
-        return new ClaimsPrincipal(identity);
+        return (user.Login, role);
     }
 
     public async Task<IEnumerable<TagGraph>> GetAllTagsAsync()
diff --git a/rubberduckvba.client/src/app/app.module.ts b/rubberduckvba.client/src/app/app.module.ts
index 8b7c8f9..7645773 100644
--- a/rubberduckvba.client/src/app/app.module.ts
+++ b/rubberduckvba.client/src/app/app.module.ts
@@ -48,6 +48,7 @@ import { AuditFeatureDeleteComponent } from './components/audits/feature-delete.
 import { UserProfileComponent } from './routes/profile/user-profile.component';
 import { AuditItemComponent } from './routes/audits/audit-item/audit-item.component';
 import { AuthService } from './services/auth.service';
+import { EditBlogLinkComponent } from './components/edit-feature/edit-bloglink/edit-bloglink.component';
 
 /**
  * https://stackoverflow.com/a/39560520
@@ -96,7 +97,8 @@ export class LowerCaseUrlSerializer extends DefaultUrlSerializer {
     AnnotationComponent,
     QuickFixComponent,
     AboutComponent,
-    EditFeatureComponent
+    EditFeatureComponent,
+    EditBlogLinkComponent
   ],
   bootstrap: [AppComponent],
   imports: [
diff --git a/rubberduckvba.client/src/app/components/edit-feature/edit-bloglink/edit-bloglink.component.html b/rubberduckvba.client/src/app/components/edit-feature/edit-bloglink/edit-bloglink.component.html
new file mode 100644
index 0000000..828198d
--- /dev/null
+++ b/rubberduckvba.client/src/app/components/edit-feature/edit-bloglink/edit-bloglink.component.html
@@ -0,0 +1,23 @@
+<div class="row my-2 p-1 bg-info-subtle">
+    <div class="col-10">
+        <div class="row">
+            <div class="col-6">
+                <input id="nameBox" title="Display title of the blog article" type="text" [(ngModel)]="blogLink.name" maxlength="255" [required]="true" class="p-1 w-100 border-0 fw-semibold" />
+            </div>
+            <div class="col-3">
+                <input id="authorBox" title="Author of the linked article" type="text" [(ngModel)]="blogLink.author" maxlength="255" [required]="true" class="p-1 w-100 border-0" />
+            </div>
+            <div class="col-3">
+                <input id="publishedBox" title="Publish date of the linked article" type="text" [(ngModel)]="blogLink.published" maxlength="10" [required]="true" class="p-1 w-100 border-0" />
+            </div>
+        </div>
+        <div class="row mt-1">
+            <div class="col-12">
+                <input id="urlBox" title="URL to the blog article" type="text" [(ngModel)]="blogLink.url" maxlength="1023" [required]="true" class="p-1 w-100 border-0" />
+            </div>
+        </div>
+    </div>
+    <div class="col-2 align-content-center text-end">
+        <button class="btn btn-danger m-1" (click)="onRemove()"><fa-icon [icon]="['fas', 'trash-can']"></fa-icon>&nbsp;Remove</button>
+    </div>
+</div>
diff --git a/rubberduckvba.client/src/app/components/edit-feature/edit-bloglink/edit-bloglink.component.ts b/rubberduckvba.client/src/app/components/edit-feature/edit-bloglink/edit-bloglink.component.ts
new file mode 100644
index 0000000..963f4c2
--- /dev/null
+++ b/rubberduckvba.client/src/app/components/edit-feature/edit-bloglink/edit-bloglink.component.ts
@@ -0,0 +1,34 @@
+import { Component, EventEmitter, Input, OnInit, Output } from "@angular/core";
+import { BlogLink } from "../../../model/feature.model";
+
+@Component({
+  selector: 'edit-blog-link',
+  templateUrl: './edit-bloglink.component.html'
+})
+export class EditBlogLinkComponent implements OnInit {
+
+  private _blogLink: BlogLink = null!;
+
+  constructor() {
+
+  }
+
+  ngOnInit(): void {
+  }
+
+  @Output()
+  public removeLink = new EventEmitter<BlogLink>();
+
+  @Input()
+  public set blogLink(value: BlogLink) {
+    this._blogLink = value;
+  }
+
+  public get blogLink(): BlogLink {
+    return this._blogLink;
+  }
+
+  public onRemove(): void {
+    this.removeLink.emit(this.blogLink);
+  }
+}
diff --git a/rubberduckvba.client/src/app/components/edit-feature/edit-feature.component.html b/rubberduckvba.client/src/app/components/edit-feature/edit-feature.component.html
index 15a99a0..09297cf 100644
--- a/rubberduckvba.client/src/app/components/edit-feature/edit-feature.component.html
+++ b/rubberduckvba.client/src/app/components/edit-feature/edit-feature.component.html
@@ -10,6 +10,12 @@
     </span>
 </button>
 
+<button *ngIf="action == 'links'" type="button" class="btn btn-outline-secondary rounded-pill mx-1" (click)="doAction()" [disabled]="disabled">
+    <span>
+        <fa-icon [icon]="'link'"></fa-icon>&nbsp;Edit Links
+    </span>
+</button>
+
 <button *ngIf="action == 'create'" type="button" class="btn btn-outline-secondary rounded-pill m-1" (click)="doAction()" [disabled]="disabled">
     <span>
         <fa-icon [icon]="'plus-circle'"></fa-icon>&nbsp;Add Feature
@@ -30,13 +36,25 @@ <h4><img src="../../assets/vector-ducky-540.png" height="32">&nbsp;{{feature.tit
         </div>
         <div class="modal-body my-2 mx-4">
             <div class="row">
-                <h6>Edit {{action == 'edit' ? 'description' : 'summary'}}</h6>
+                <h6>Edit {{action == 'edit' ? 'description' : (action == 'summary' ? 'summary' : 'links')}}</h6>
             </div>
             <div class="row">
+
                 <textarea *ngIf="action == 'edit'" [(ngModel)]="feature.description" type="text" maxlength="8000" rows="10" class="font-monospace text-nowrap p-1">
                 </textarea>
+
                 <textarea *ngIf="action == 'summary'" [(ngModel)]="feature.shortDescription" type="text" maxlength="1023" rows="5" class="font-monospace p-1">
                 </textarea>
+
+                <div *ngIf="action == 'links'">
+                    <div *ngFor="let link of feature.links">
+                        <edit-blog-link [blogLink]="link" (removeLink)="onRemoveLink(link)"></edit-blog-link>
+                    </div>
+                    <div class="text-end">
+                        <button class="btn btn-outline-success" (click)="onAddLink()"><fa-icon [icon]="['fas', 'plus-circle']"></fa-icon>&nbsp;Add</button>
+                    </div>
+                </div>
+
             </div>
             <div class="row">
                 <span *ngIf="action == 'edit'" class="text-small text-muted text-end">{{feature.description.length}}</span>
diff --git a/rubberduckvba.client/src/app/components/edit-feature/edit-feature.component.ts b/rubberduckvba.client/src/app/components/edit-feature/edit-feature.component.ts
index aa4676d..9caa357 100644
--- a/rubberduckvba.client/src/app/components/edit-feature/edit-feature.component.ts
+++ b/rubberduckvba.client/src/app/components/edit-feature/edit-feature.component.ts
@@ -1,6 +1,6 @@
 import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, TemplateRef, ViewChild, inject, input } from "@angular/core";
 import { BehaviorSubject } from "rxjs";
-import { EditSubFeatureViewModelClass, MarkdownContent, SubFeatureViewModel, SubFeatureViewModelClass, UserViewModel } from "../../model/feature.model";
+import { BlogLink, BlogLinkViewModelClass, EditSubFeatureViewModelClass, MarkdownContent, SubFeatureViewModel, SubFeatureViewModelClass, UserViewModel } from "../../model/feature.model";
 import { FaIconLibrary } from "@fortawesome/angular-fontawesome";
 import { fas } from "@fortawesome/free-solid-svg-icons";
 import { NgbModal } from "@ng-bootstrap/ng-bootstrap";
@@ -9,6 +9,7 @@ import { ApiClientService } from "../../services/api-client.service";
 export enum AdminAction {
   Edit = 'edit',
   EditSummary = 'summary',
+  EditLinks = 'links',
   Create = 'create',
   Delete = 'delete',
 }
@@ -98,6 +99,7 @@ export class EditFeatureComponent implements OnInit {
         featureTitle: parentTitle,
         isCollapsed: false,
         isDetailsCollapsed: true,
+        links: []
       });
     }
 
@@ -105,7 +107,7 @@ export class EditFeatureComponent implements OnInit {
   }
 
   public onConfirmChanges(): void {
-    this.modal.dismissAll();
+    this.modal.dismissAll();    
     this.api.saveFeature(this.feature).subscribe(saved => {
       window.location.reload();
     });
@@ -138,4 +140,17 @@ export class EditFeatureComponent implements OnInit {
       window.location.reload();
     });
   }
+
+  public onRemoveLink(link: BlogLink): void {
+    this.feature.links = this.feature.links!.filter(e => e.name.length > 0 && e.url.length > 0 && (e.name != link.name || e.url != link.url));
+  }
+
+  public onAddLink(): void {
+    this.feature.links.push(new BlogLinkViewModelClass({
+      name: 'Title',
+      author: 'Author',
+      published: new Date().toISOString().substring(0, 10),
+      url: 'https://rubberduckvba.blog/...'
+    }));
+  }
 }
diff --git a/rubberduckvba.client/src/app/components/feature-box/feature-box.component.html b/rubberduckvba.client/src/app/components/feature-box/feature-box.component.html
index 9bada5f..40eacdc 100644
--- a/rubberduckvba.client/src/app/components/feature-box/feature-box.component.html
+++ b/rubberduckvba.client/src/app/components/feature-box/feature-box.component.html
@@ -14,7 +14,8 @@ <h4>{{feature.title}}</h4>
             </div>
 
             <div class="row my-3" *ngIf="!hasOwnDetailsPage">
-                <div class="col-12 text-center">
+                <div class="col-1"></div>
+                <div class="col-10 text-center">
                     <button class="btn btn-outline-dark btn-ducky rounded-pill w-auto" role="button" data-toggle="collapse" data-target="#featureBoxDetailsBody" aria-controls="featureBoxDetailsBody" (click)="feature.isDetailsCollapsed = !feature.isDetailsCollapsed">
                         <div *ngIf="feature.isDetailsCollapsed">
                             Show more ▾
@@ -23,10 +24,13 @@ <h4>{{feature.title}}</h4>
                             Show less ▴
                         </div>
                     </button>
-                    <div id="featureBoxDetailsBody" class="collapse" [ngClass]="{'show': !feature.isDetailsCollapsed}">
-                        <div [innerHtml]="feature.description"></div>
+                    <div id="featureBoxDetailsBody" class="collapse mt-3 text-start p-2" [ngClass]="{'show': !feature.isDetailsCollapsed}">
+                        <div class="card">
+                            <div class="card-body" [innerHtml]="descriptionHtml"></div>
+                        </div>
                     </div>
                 </div>
+                <div class="col-1"></div>
             </div>
         </div>
         <div *ngIf="feature && user.isReviewer" class="card-footer">
diff --git a/rubberduckvba.client/src/app/components/feature-box/feature-box.component.ts b/rubberduckvba.client/src/app/components/feature-box/feature-box.component.ts
index f7d64c2..f004bc0 100644
--- a/rubberduckvba.client/src/app/components/feature-box/feature-box.component.ts
+++ b/rubberduckvba.client/src/app/components/feature-box/feature-box.component.ts
@@ -43,11 +43,16 @@ export class FeatureBoxComponent implements OnInit {
   @Input()
   public set pendingAudits(value: PendingAuditsViewModel) {
     this._audits = value;
-    this._edits.next(value.edits?.filter(e => this.feature && e.featureId == this.feature.id?.toString()));
+    this._edits.next(value.edits?.filter(e => this.feature && e.featureName == this.feature.name));
     this._ops.next(value.other?.filter(e => this.feature && e.featureName == this.feature.name));
 
     if (this.pendingEdit) {
-      this.api.formatMarkdown(this.pendingEdit.valueAfter).subscribe(e => this._pendingSummaryHtml = e.content);
+      if (this.pendingEdit.fieldName == 'ShortDescription') {
+        this.api.formatMarkdown(this.pendingEdit.valueAfter).subscribe(e => this._pendingSummaryHtml = e.content);
+      }
+      else if (this.pendingEdit.fieldName == 'Description') {
+        this.api.formatMarkdown(this.pendingEdit.valueAfter).subscribe(e => this._pendingDescriptionHtml = e.content);
+      }
     }
   };
 
@@ -63,6 +68,7 @@ export class FeatureBoxComponent implements OnInit {
   }
 
   ngOnInit(): void {
+    this.api.formatMarkdown(this.feature?.description ?? '').subscribe(e => this._descriptionHtml = e.content);
   }
 
   public get isProtected(): boolean {
@@ -84,6 +90,7 @@ export class FeatureBoxComponent implements OnInit {
     if (value != null) {
       this._info.next(value);
       this.api.formatMarkdown(value.shortDescription).subscribe(e => this._summaryHtml = e.content);
+      this.api.formatMarkdown(value.description).subscribe(e => this._descriptionHtml = e.content);
     }
   }
 
@@ -98,7 +105,7 @@ export class FeatureBoxComponent implements OnInit {
   }
 
   public get pendingEdits(): FeatureEditViewModel[] {
-    return this._edits.getValue();
+    return this._edits.getValue().filter(e => e.fieldName == 'ShortDescription' || e.fieldName == 'Description');
   }
 
   public get pendingOperations(): FeatureOperationViewModel[] {
@@ -106,11 +113,11 @@ export class FeatureBoxComponent implements OnInit {
   }
 
   public get hasPendingEdits(): boolean {
-    return this._edits.getValue().length > 0;
+    return this.pendingEdits.length > 0;
   }
 
   public get pendingEdit(): FeatureEditViewModel {
-    return this._edits.getValue()[0];
+    return this.pendingEdits[0];
   }
 
   public get hasPendingDelete(): boolean {
@@ -172,11 +179,20 @@ export class FeatureBoxComponent implements OnInit {
   private _summaryHtml: string = '';
 
   public get summaryHtml(): string {
-    return this.showPendingEdit && this.canToggleShowPendingEdit
+    return this.showPendingEdit && this.canToggleShowPendingEdit && this.pendingEdit.fieldName == 'ShortDescription'
       ? this._pendingSummaryHtml
       : this._summaryHtml;
   }
 
+  private _pendingDescriptionHtml: string = '';
+
+  private _descriptionHtml: string = '';
+  public get descriptionHtml(): string {
+    return this.showPendingEdit && this.canToggleShowPendingEdit && this.pendingEdit.fieldName == 'Description'
+      ? this._pendingDescriptionHtml
+      : this._descriptionHtml;
+  }
+
   public applyChanges(model: any): void {
     this._info.next(model);
   }
diff --git a/rubberduckvba.client/src/app/components/feature-info/feature-info.component.html b/rubberduckvba.client/src/app/components/feature-info/feature-info.component.html
index 725175f..0fe9564 100644
--- a/rubberduckvba.client/src/app/components/feature-info/feature-info.component.html
+++ b/rubberduckvba.client/src/app/components/feature-info/feature-info.component.html
@@ -13,13 +13,18 @@ <h2>{{feature?.title}}</h2>
             <!-- subfeatures -->
             <div *ngIf="user && feature != null && subfeatures != null && (subfeatures.length ?? 0) > 0">
                 <div *ngFor="let subFeature of subfeatures">
-                    <feature-box *ngIf="!feature.isHidden && (subFeature.name=='Inspections' || subFeature.name=='QuickFixes' || subFeature.name=='Annotations')" [parentFeatureName]="feature.name" [feature]="subFeature" [hasOwnDetailsPage]="true" [user]="user"></feature-box>
+                    <feature-box *ngIf="!feature.isHidden && (subFeature.name=='Inspections' || subFeature.name=='QuickFixes' || subFeature.name=='Annotations')" [parentFeatureName]="feature.name" [feature]="subFeature" [hasOwnDetailsPage]="true" [user]="user" [pendingAudits]="audits"></feature-box>
                 </div>
             </div>
 
-            <div *ngIf="links && links.length != 0" class="my-5">
-                <div *ngFor="let link of links">
-                    <blog-link-box [link]="link"></blog-link-box>
+            <div *ngIf="links && links.length != 0">
+                <div class="mt-5">
+                    <div *ngFor="let link of links">
+                        <blog-link-box [link]="link"></blog-link-box>
+                    </div>
+                </div>
+                <div class="text-end">
+                    <edit-feature [feature]="feature" [action]="editLinksAction"></edit-feature>
                 </div>
             </div>
         </div>
@@ -39,7 +44,7 @@ <h2>{{feature?.title}}</h2>
     <div *ngIf="feature != null && subfeatures != null && (subfeatures.length ?? 0) > 0" class="col-12">
         <edit-feature *ngIf="!feature.featureId && user?.isAdmin" [feature]="feature" [action]="createAction"></edit-feature>
         <div *ngFor="let subFeature of subfeatures">
-            <feature-box *ngIf="!feature.isHidden && !(subFeature.name=='Inspections' || subFeature.name=='QuickFixes' || subFeature.name=='Annotations')" [parentFeatureName]="feature.name" [feature]="subFeature" [user]="user" [hasOwnDetailsPage]="false"></feature-box>
+            <feature-box *ngIf="!feature.isHidden && !(subFeature.name=='Inspections' || subFeature.name=='QuickFixes' || subFeature.name=='Annotations')" [parentFeatureName]="feature.name" [feature]="subFeature" [user]="user" [hasOwnDetailsPage]="false" [pendingAudits]="audits"></feature-box>
         </div>
     </div>
 
diff --git a/rubberduckvba.client/src/app/components/feature-info/feature-info.component.ts b/rubberduckvba.client/src/app/components/feature-info/feature-info.component.ts
index 4cf6c08..5a72a5e 100644
--- a/rubberduckvba.client/src/app/components/feature-info/feature-info.component.ts
+++ b/rubberduckvba.client/src/app/components/feature-info/feature-info.component.ts
@@ -17,6 +17,7 @@ export class FeatureInfoComponent implements OnInit {
   private readonly _audits: BehaviorSubject<PendingAuditsViewModel> = new BehaviorSubject<PendingAuditsViewModel>(null!);
 
   public editAction: AdminAction = AdminAction.Edit;
+  public editLinksAction: AdminAction = AdminAction.EditLinks;
   public createAction: AdminAction = AdminAction.Create;
   public deleteAction: AdminAction = AdminAction.Delete;
 
diff --git a/rubberduckvba.client/src/app/model/feature.model.ts b/rubberduckvba.client/src/app/model/feature.model.ts
index 6417664..492bd0b 100644
--- a/rubberduckvba.client/src/app/model/feature.model.ts
+++ b/rubberduckvba.client/src/app/model/feature.model.ts
@@ -51,7 +51,7 @@ export interface FeatureOperationViewModel extends AuditRecordViewModel {
   isNew: boolean | null;
   isHidden: boolean | null;
   hasImage: boolean | null;
-  links: BlogLink[] | null;
+  links: BlogLink[];
 }
 
 export interface PendingAuditsViewModel {
@@ -67,6 +67,8 @@ export interface SubFeatureViewModel extends ViewModel {
   title: string;
   description: string;
   shortDescription: string;
+
+  links: BlogLink[];
 }
 
 export interface XmlDocViewModel extends SubFeatureViewModel {
@@ -318,6 +320,8 @@ export class SubFeatureViewModelClass extends ViewModelBase implements SubFeatur
   description: string;
   shortDescription: string;
 
+  links: BlogLink[];
+
   constructor(model: SubFeatureViewModel) {
     super(model);
     this.title = model.title;
@@ -326,6 +330,7 @@ export class SubFeatureViewModelClass extends ViewModelBase implements SubFeatur
     this.isDetailsCollapsed = true;
     this.featureId = model.featureId;
     this.featureName = model.featureName;
+    this.links = model.links;
   }
 }
 
diff --git a/rubberduckvba.client/src/app/routes/profile/user-profile.component.html b/rubberduckvba.client/src/app/routes/profile/user-profile.component.html
index fa1cf94..a125b84 100644
--- a/rubberduckvba.client/src/app/routes/profile/user-profile.component.html
+++ b/rubberduckvba.client/src/app/routes/profile/user-profile.component.html
@@ -22,7 +22,7 @@ <h3>Recorded activities</h3>
     </p>
 
     <div class="col-12 row my-2 mb-4">
-        <div class="col-2">
+        <div class="col-sm-12 col-6 m-1 col-lg-2">
             <div class="card text-center card-highlight" title="The total number of edits (including additions) you have submitted so far">
                 <div class="card-header">
                     <h4>Total Edits</h4>
@@ -33,7 +33,7 @@ <h4>Total Edits</h4>
                 </div>
             </div>
         </div>
-        <div class="col-2">
+        <div class="col-sm-12 col-6 m-1 col-lg-2">
             <div class="card text-center card-highlight" title="The total number of edits (including additions) that have been approved so far">
                 <div class="card-header">
                     <h4>Approved Edits</h4>
@@ -44,7 +44,7 @@ <h4>Approved Edits</h4>
                 </div>
             </div>
         </div>
-        <div class="col-2">
+        <div class="col-sm-12 col-6 m-1 col-lg-2">
             <div class="card text-center card-highlight" title="The total number of edits (including additions) currently pending review">
                 <div class="card-header">
                     <h4>Pending Edits</h4>
@@ -55,7 +55,7 @@ <h4>Pending Edits</h4>
                 </div>
             </div>
         </div>
-        <div *ngIf="canReview" class="col-3">
+        <div *ngIf="canReview" class="col-sm-12 col-6 m-1 col-lg-3">
             <div class="card text-center card-highlight" title="The number of approved or rejected audit records under your name">
                 <div class="card-header">
                     <h4>Reviews</h4>
@@ -73,7 +73,7 @@ <h4>Reviews</h4>
     <div class="row">
         <div class="card">
             <div class="card-body">
-                <table class="table table-striped table-hover">
+                <table class="table table-striped table-hover overflow-x-scroll">
                     <thead>
                         <tr>
                             <th>Activity</th>
diff --git a/rubberduckvba.client/src/environments/environment.prod.ts b/rubberduckvba.client/src/environments/environment.prod.ts
index e95e3c7..d3de473 100644
--- a/rubberduckvba.client/src/environments/environment.prod.ts
+++ b/rubberduckvba.client/src/environments/environment.prod.ts
@@ -1,4 +1,4 @@
 export const environment = {
   production: true,
-  apiBaseUrl: 'https://localhost:44314/'
+  apiBaseUrl: 'https://api.rubberduckvba.com/'
 };
diff --git a/rubberduckvba.client/src/environments/environment.test.ts b/rubberduckvba.client/src/environments/environment.test.ts
index 0b96c60..b91bb1f 100644
--- a/rubberduckvba.client/src/environments/environment.test.ts
+++ b/rubberduckvba.client/src/environments/environment.test.ts
@@ -1,4 +1,4 @@
 export const environment = {
   production: false,
-  apiBaseUrl: 'https://localhost:44314/'
+  apiBaseUrl: 'https://api.test.rubberduckvba.com/'
 };
diff --git a/rubberduckvba.client/src/styles.css b/rubberduckvba.client/src/styles.css
index 3123c31..c9b0d1b 100644
--- a/rubberduckvba.client/src/styles.css
+++ b/rubberduckvba.client/src/styles.css
@@ -37,7 +37,10 @@ p {
 }
 
 .document-img {
-    width: 40%;
+  width: 40%;
+  border: solid;
+  border-width: 1px;
+  border-color: black;
 }
 
 .modal-featurebox {