diff --git a/client/src/App.tsx b/client/src/App.tsx
index 539f478689..889780a9c8 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -31,11 +31,13 @@ const user = {
     name: 'Emily Selman',
 };
 
-const automationNavigation: {
+type NavigationType = {
     name: string;
     href: string;
     icon: LucideIcon;
-}[] = [
+};
+
+const automationNavigation: NavigationType[] = [
     {
         href: '/automation/projects',
         icon: FolderIcon,
@@ -59,11 +61,7 @@ const automationNavigation: {
     },
 ];
 
-const embeddedNavigation: {
-    name: string;
-    href: string;
-    icon: LucideIcon;
-}[] = [
+const embeddedNavigation: NavigationType[] = [
     {
         href: '/embedded/integrations',
         icon: SquareIcon,
@@ -115,11 +113,13 @@ function App() {
         return true;
     });
 
-    const navigation = location.pathname.includes('automation')
-        ? filteredAutomationNavigation
-        : location.pathname.includes('embedded')
-          ? embeddedNavigation
-          : [];
+    let navigation: NavigationType[] = [];
+
+    if (location.pathname.includes('automation')) {
+        navigation = filteredAutomationNavigation;
+    } else if (location.pathname.includes('embedded')) {
+        navigation = embeddedNavigation;
+    }
 
     useFetchInterceptor();
 
@@ -154,11 +154,7 @@ function App() {
         }
     }, [authenticated, sessionHasBeenFetched, navigate]);
 
-    if (!authenticated) {
-        return <></>;
-    }
-
-    if (loadingFeatureFlags) {
+    if (!authenticated || loadingFeatureFlags) {
         return <></>;
     }
 
diff --git a/client/src/pages/platform/copilot/CopilotPanel.tsx b/client/src/pages/platform/copilot/CopilotPanel.tsx
index acd4e64047..6f5cae9568 100644
--- a/client/src/pages/platform/copilot/CopilotPanel.tsx
+++ b/client/src/pages/platform/copilot/CopilotPanel.tsx
@@ -24,7 +24,7 @@ const CopilotPanel = () => {
                         <div className="flex flex-col space-y-1.5 p-6">
                             <div className="flex items-center">
                                 <div className="flex size-8 items-center justify-center rounded-full bg-primary text-primary-foreground">
-                                    U
+                                    <span>U</span>
                                 </div>
 
                                 <h3 className="ml-2 text-sm font-semibold">User</h3>
@@ -41,7 +41,7 @@ const CopilotPanel = () => {
                         <div className="flex flex-col space-y-1.5 p-6">
                             <div className="flex items-center">
                                 <div className="flex size-8 items-center justify-center rounded-full bg-primary text-primary-foreground">
-                                    A
+                                    <span>A</span>
                                 </div>
 
                                 <h3 className="ml-2 text-sm font-semibold">Assistant</h3>
@@ -121,7 +121,7 @@ const CopilotPanel = () => {
                         <div className="flex flex-col space-y-1.5 p-6">
                             <div className="flex items-center">
                                 <div className="flex size-8 items-center justify-center rounded-full bg-primary text-primary-foreground">
-                                    U
+                                    <span>U</span>
                                 </div>
 
                                 <h3 className="ml-2 text-sm font-semibold">User</h3>
@@ -138,7 +138,7 @@ const CopilotPanel = () => {
                         <div className="flex flex-col space-y-1.5 p-6">
                             <div className="flex items-center">
                                 <div className="flex size-8 items-center justify-center rounded-full bg-primary text-primary-foreground">
-                                    A
+                                    <span>A</span>
                                 </div>
 
                                 <h3 className="ml-2 text-sm font-semibold">Assistant</h3>
@@ -152,8 +152,6 @@ const CopilotPanel = () => {
 
                                 <br />
 
-                                <br />
-
                                 <span>
                                     Supervised learning is a method where the algorithm learns from labeled training
                                     data. In other words, the input data comes with the correct answers (labels), and
@@ -162,14 +160,10 @@ const CopilotPanel = () => {
 
                                 <br />
 
-                                <br />
-
                                 <span>Key points about supervised learning:</span>
 
                                 <br />
 
-                                <br />
-
                                 <span>
                                     1. Training Data: It consists of input features and their corresponding correct
                                     output labels.
@@ -221,8 +215,6 @@ const CopilotPanel = () => {
 
                                 <br />
 
-                                <br />
-
                                 <span>
                                     Is there anything specific about supervised learning you&apos;d like me to elaborate
                                     on?