From dea9979b3909623afa1883bd5e18b10977e32a40 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 17 Apr 2023 15:45:16 -0400
Subject: [PATCH] GroupLookup: improve column loading

---
 app/soapbox/components/hoc/group-lookup-hoc.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/components/hoc/group-lookup-hoc.tsx b/app/soapbox/components/hoc/group-lookup-hoc.tsx
index b6a125eed..a7c76eed6 100644
--- a/app/soapbox/components/hoc/group-lookup-hoc.tsx
+++ b/app/soapbox/components/hoc/group-lookup-hoc.tsx
@@ -3,6 +3,8 @@ import React from 'react';
 import ColumnLoading from 'soapbox/features/ui/components/column-loading';
 import { useGroupLookup } from 'soapbox/hooks/api/groups/useGroupLookup';
 
+import { Layout } from '../ui';
+
 interface IGroupLookup {
   params: {
     groupSlug: string
@@ -21,7 +23,13 @@ function GroupLookupHoc(Component: React.ComponentType<{ params: { groupId: stri
     const { entity: group } = useGroupLookup(props.params.groupSlug);
 
     if (!group) return (
-      <ColumnLoading />
+      <>
+        <Layout.Main>
+          <ColumnLoading />
+        </Layout.Main>
+
+        <Layout.Aside />
+      </>
     );
 
     const newProps = {