From 40b1757c6e2a9682f112e147a630a6640e9b1883 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marina=20L=C3=B3pez?= <marina.lopez.yap@gmail.com>
Date: Mon, 25 May 2026 15:49:34 +0200
Subject: [PATCH] :bug: Fix separate penpot from organizations (#9853)

---
 .../src/app/main/ui/dashboard/sidebar.cljs    |  8 +++++---
 .../src/app/main/ui/dashboard/sidebar.scss    | 20 +++++++++++++++++++
 frontend/translations/en.po                   |  3 +++
 frontend/translations/es.po                   |  3 +++
 4 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/main/ui/dashboard/sidebar.cljs b/frontend/src/app/main/ui/dashboard/sidebar.cljs
index 648aa4c5c5..550a2e032d 100644
--- a/frontend/src/app/main/ui/dashboard/sidebar.cljs
+++ b/frontend/src/app/main/ui/dashboard/sidebar.cljs
@@ -350,6 +350,8 @@
       (when (= default-team-id (:default-team-id organization))
         tick-icon)]
      [:hr {:role "separator" :class (stl/css :team-separator)}]
+     [:li {:role "presentation" :class (stl/css :org-section-label)}
+      (tr "dashboard.section.organizations")]
 
      (for [org-item organizations]
        [:> dropdown-menu-item* {:on-click    on-org-click
@@ -753,10 +755,10 @@
          [:div {:class (stl/css :team-name)}
           (if default-org?
             [:*
-             [:span {:class (stl/css :org-penpot-icon)}
-              [:> raw-svg* {:id penpot-logo-icon}]]
+             [:span {:class (stl/css :my-teams-icon-xxxl)}
+              [:> raw-svg* {:id penpot-logo-icon-subtle}]]
              [:span {:class (stl/css :team-text)}
-              "Penpot"]]
+              (tr "dashboard.my-teams")]]
             [:*
              [:> org-avatar* {:org current-org :size "xxxl"}]
              [:span {:class (stl/css :team-text)}
diff --git a/frontend/src/app/main/ui/dashboard/sidebar.scss b/frontend/src/app/main/ui/dashboard/sidebar.scss
index f706cd7578..d51ff786a0 100644
--- a/frontend/src/app/main/ui/dashboard/sidebar.scss
+++ b/frontend/src/app/main/ui/dashboard/sidebar.scss
@@ -229,6 +229,15 @@
   margin: 0;
 }
 
+.org-section-label {
+  @include t.use-typography("headline-small");
+
+  color: var(--color-foreground-secondary);
+  list-style: none;
+  padding: var(--sp-m) $sz-6 $sz-6;
+  text-transform: uppercase;
+}
+
 .tick-icon {
   @extend %button-icon-small;
 
@@ -656,6 +665,17 @@
   }
 }
 
+.my-teams-icon-xxxl {
+  height: var(--sp-xxxl);
+  width: var(--sp-xxxl);
+
+  svg {
+    fill: var(--icon-stroke-color);
+    width: var(--sp-xxxl);
+    height: var(--sp-xxxl);
+  }
+}
+
 .sidebar-org-switch {
   position: relative;
   width: 100%;
diff --git a/frontend/translations/en.po b/frontend/translations/en.po
index bb8484b768..b155071e18 100644
--- a/frontend/translations/en.po
+++ b/frontend/translations/en.po
@@ -383,6 +383,9 @@ msgstr "Create org"
 msgid "dashboard.my-teams"
 msgstr "My teams"
 
+msgid "dashboard.section.organizations"
+msgstr "Organizations"
+
 msgid "dashboard.go-to-admin-console"
 msgstr "Go to Admin Console"
 
diff --git a/frontend/translations/es.po b/frontend/translations/es.po
index c8f5fded49..7b2264197b 100644
--- a/frontend/translations/es.po
+++ b/frontend/translations/es.po
@@ -392,6 +392,9 @@ msgstr "Crear org"
 msgid "dashboard.my-teams"
 msgstr "Mis equipos"
 
+msgid "dashboard.section.organizations"
+msgstr "Organizaciones"
+
 msgid "dashboard.go-to-admin-console"
 msgstr "Ir a la Admin Console"