From f367e53d0daa986e529d09b4633959993ed876ea Mon Sep 17 00:00:00 2001
From: Lucky-Sharma <Luckysharmab1@gmail.com>
Date: Thu, 13 Nov 2025 00:12:23 +0530
Subject: [PATCH 1/2] feat(desktop-sidebar): update sidebar buttons to match
 web app design

---
 app/renderer/css/main.css | 17 +++++++++++++++++
 app/renderer/js/main.ts   | 18 +++++++++---------
 2 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/app/renderer/css/main.css b/app/renderer/css/main.css
index 490da3fca..0d30f90b7 100644
--- a/app/renderer/css/main.css
+++ b/app/renderer/css/main.css
@@ -153,6 +153,10 @@ body {
   color: rgb(108 133 146 / 100%);
 }
 
+#back-action i {
+  transform: scaleY(-1);
+}
+
 .tab {
   position: relative;
   margin: 2px 0;
@@ -399,6 +403,19 @@ webview.focus {
   top: 7px;
   right: 68px;
 }
+#dnd-tooltip {
+  min-width: 220px;
+  max-width: calc(100vw - 80px);
+  width: auto;
+  white-space: nowrap;
+  padding: 6px 12px;
+  box-sizing: border-box;
+  text-align: left;
+}
+#dnd-tooltip::after {
+  left: -8px;
+  right: auto;
+}
 
 #add-server-tooltip,
 .server-tooltip {
diff --git a/app/renderer/js/main.ts b/app/renderer/js/main.ts
index 6fb029e34..90b0bb9b1 100644
--- a/app/renderer/js/main.ts
+++ b/app/renderer/js/main.ts
@@ -1207,15 +1207,15 @@ window.addEventListener("load", async () => {
               <i class="material-icons">add</i>
             </div>
             <span id="add-server-tooltip" style="display: none"
-              >${t.__("Add Organization")}</span
+              >${t.__("Add organization")}</span
             >
           </div>
         </div>
         <div id="actions-container">
-          <div class="action-button" id="dnd-action">
-            <i class="material-icons md-48">notifications</i>
-            <span id="dnd-tooltip" style="display: none"
-              >${t.__("Do Not Disturb")}</span
+          <div class="action-button disable" id="back-action">
+            <i class="material-icons md-48">subdirectory_arrow_left</i>
+            <span id="back-tooltip" style="display: none"
+              >${t.__("Go back")}</span
             >
           </div>
           <div class="action-button hidden" id="reload-action">
@@ -1230,10 +1230,10 @@ window.addEventListener("load", async () => {
               >${t.__("Loading")}</span
             >
           </div>
-          <div class="action-button disable" id="back-action">
-            <i class="material-icons md-48">arrow_back</i>
-            <span id="back-tooltip" style="display: none"
-              >${t.__("Go Back")}</span
+          <div class="action-button" id="dnd-action">
+            <i class="material-icons md-48">notifications</i>
+            <span id="dnd-tooltip" style="display: none"
+              >${t.__("Do Not Disturb")}</span
             >
           </div>
           <div class="action-button" id="settings-action">

From 833ddafc854779c70876e2af1cab35f0828790fd Mon Sep 17 00:00:00 2001
From: Lucky-Sharma <Luckysharmab1@gmail.com>
Date: Thu, 13 Nov 2025 00:48:54 +0530
Subject: [PATCH 2/2] Updateicons-app-sidebar Fixes #1436

---
 app/renderer/css/main.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/renderer/css/main.css b/app/renderer/css/main.css
index 0d30f90b7..268f9f4ec 100644
--- a/app/renderer/css/main.css
+++ b/app/renderer/css/main.css
@@ -153,10 +153,6 @@ body {
   color: rgb(108 133 146 / 100%);
 }
 
-#back-action i {
-  transform: scaleY(-1);
-}
-
 .tab {
   position: relative;
   margin: 2px 0;
@@ -273,6 +269,10 @@ body {
   margin-bottom: 5px;
 }
 
+#back-action i {
+  transform: scaleY(-1);
+}
+
 .refresh {
   animation: rotate-loader 1s linear infinite;
 }
@@ -403,6 +403,7 @@ webview.focus {
   top: 7px;
   right: 68px;
 }
+
 #dnd-tooltip {
   min-width: 220px;
   max-width: calc(100vw - 80px);
@@ -412,6 +413,7 @@ webview.focus {
   box-sizing: border-box;
   text-align: left;
 }
+
 #dnd-tooltip::after {
   left: -8px;
   right: auto;