Update web/src/components/sidebar/LeftSidebar.tsx

web/src/components/sidebar/LeftSidebar.tsx

@@ -342,8 +342,10 @@ export function LeftSidebar(props: Props) {
       {/* ================= TOP (non-scroll) ================= */}
       <div className="flex-shrink-0">
         {/* Welcome */}
-        <div className="px-4 pt-6 pb-5">
-          <div className="text-[34px] leading-tight font-semibold">Welcome, {displayName}!</div>
+        <div className="px-4 h-[88px] flex items-center">
+          <div className="text-[34px] leading-tight font-semibold">
+            Welcome, {displayName}!
+          </div>
         </div>
 
         <div className="mt-2 mb-4">
@@ -352,14 +354,15 @@ export function LeftSidebar(props: Props) {
 
         {/* Course + Group */}
         <div className="px-4 pt-5 pb-6 space-y-4">
-          {/* Course row with icon (single-color) */}
-          <div className="flex items-center gap-3">
-            <div className="w-9 h-9 rounded-lg border bg-background flex items-center justify-center flex-shrink-0">
-              <GraduationCap className="w-5 h-5 text-foreground" />
+          {/* Course row with icon (single-color, no container) */}
+          <div className="flex items-start gap-3">
+            <div className="w-6 flex items-start justify-center flex-shrink-0 pt-[2px]">
+              <GraduationCap className="w-5 h-5 text-muted-foreground" />
             </div>
             <div className="text-[22px] leading-snug font-semibold truncate">{courseName}</div>
           </div>
 
+
           {/* ===== My Space (beautified) ===== */}
           {!isTeamSpace ? (
             <div className="space-y-2">