nice taking out the white border...coming along really well together

packages/desktop/src/components/lines/lineRow.tsx/index.tsx

@@ -42,7 +42,7 @@ export default function LineRow({
         <Avatar.Group
           maxCount={2}
           maxPopoverTrigger="click"
-          size="default"
+          size="small"
           maxStyle={{
             color: "#f56a00",
             backgroundColor: "#fde3cf",
@@ -52,7 +52,7 @@ export default function LineRow({
           className="shadow-lg"
         >
           {lineDetails.profilePicsLiveBroadcasters.map((avatarSrc) => (
-            <Avatar src={avatarSrc} shape="square" size={"default"} />
+            <Avatar src={avatarSrc} shape="square" size={"small"} />
           ))}
         </Avatar.Group>
       );

packages/desktop/src/pages/router/index.tsx

@@ -3,6 +3,7 @@ import React, { useState } from "react";
 import { useCallback, useEffect, useMemo } from "react";
 
 import LineDetailsTerminal from "../lineDetailsTerminal";
+import NirvanaHeader from "../../components/header/index";
 import NirvanaTerminal from "../terminal";
 import Overlay from "../overlay";
 
@@ -257,15 +258,19 @@ export default function NirvanaRouter() {
   );
 
   return (
-    <div className="h-screen w-screen flex flex-row">
-      <NirvanaTerminal
-        handleSelectLine={handleSelectLine}
-        allLines={testLines}
-      />
+    <div className="flex flex-col h-screen w-screen">
+      <NirvanaHeader />
 
-      {selectedLine && <LineDetailsTerminal selectedLine={selectedLine} />}
+      <div className="flex flex-row">
+        <NirvanaTerminal
+          handleSelectLine={handleSelectLine}
+          allLines={testLines}
+        />
 
-      {/* <Overlay /> */}
+        {selectedLine && <LineDetailsTerminal selectedLine={selectedLine} />}
+
+        {/* <Overlay /> */}
+      </div>
     </div>
   );
 }

packages/desktop/src/pages/terminal/index.tsx

@@ -1,15 +1,9 @@
-import { AddSharp, SearchSharp } from "@mui/icons-material";
-import { Button, Fab, InputAdornment, TextField } from "@mui/material";
-import { FaPlus, FaSearch } from "react-icons/fa";
-import { FiActivity, FiCloudDrizzle } from "react-icons/fi";
-import { useMemo, useRef, useState } from "react";
-
-import { Avatar } from "antd";
+import { FaPlus } from "react-icons/fa";
+import { FiActivity } from "react-icons/fi";
 import { ILineDetails } from "../router";
 import IconButton from "../../components/Button/IconButton/index";
 import LineRow from "../../components/lines/lineRow.tsx/index";
-import NirvanaHeader from "../../components/header";
-import { User } from "@nirvana/core/models";
+import { useMemo } from "react";
 
 export default function NirvanaTerminal({
   handleSelectLine,
@@ -30,8 +24,6 @@ export default function NirvanaTerminal({
 
   return (
     <div className="flex flex-col flex-1">
-      <NirvanaHeader />
-
       {/* tuned in lines block */}
       <div className="bg-gray-100 flex flex-col">
         {/* tuned in header + general controls */}

packages/desktop/src/styles/index.css

@@ -21,3 +21,7 @@ button {
 .titlebar-button {
   -webkit-app-region: no-drag;
 }
+
+.ant-avatar-group .ant-avatar {
+  border: none;
+}