diff --git a/frontend/src/components/editor-page/editor-page-content.tsx b/frontend/src/components/editor-page/editor-page-content.tsx
index 38e99f4ab..a09dd801e 100644
--- a/frontend/src/components/editor-page/editor-page-content.tsx
+++ b/frontend/src/components/editor-page/editor-page-content.tsx
@@ -130,14 +130,13 @@ export const EditorPageContent: React.FC = () => {
diff --git a/frontend/src/components/editor-page/sidebar/sidebar-button/sidebar-button.module.scss b/frontend/src/components/editor-page/sidebar/sidebar-button/sidebar-button.module.scss
index 5e7cf93cd..511deeb39 100644
--- a/frontend/src/components/editor-page/sidebar/sidebar-button/sidebar-button.module.scss
+++ b/frontend/src/components/editor-page/sidebar/sidebar-button/sidebar-button.module.scss
@@ -11,6 +11,7 @@
flex: 0 0 $height;
width: 100%;
display: flex;
+ flex-wrap: revert;
align-items: center;
border: solid 1px rgba(0, 0, 0, 0.15);
user-select: none;
@@ -19,6 +20,7 @@
padding: 0;
transition: height 0.2s, flex-basis 0.2s;
overflow: hidden;
+ flex-direction: row-reverse;
&.hide {
flex-basis: 0;
@@ -55,6 +57,7 @@
text-align: left;
flex: 1 1 0;
width: 0;
+ padding-left: 0.375rem;
}
@mixin colors {
diff --git a/frontend/src/components/editor-page/sidebar/sidebar.tsx b/frontend/src/components/editor-page/sidebar/sidebar.tsx
index a1ef206ff..fcc533129 100644
--- a/frontend/src/components/editor-page/sidebar/sidebar.tsx
+++ b/frontend/src/components/editor-page/sidebar/sidebar.tsx
@@ -3,6 +3,8 @@
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
+import LogoColor from '../../common/hedge-doc-logo/logo_color.svg'
+import LogoColorVertical from '../../common/hedge-doc-logo/logo_text_color_vertical.svg'
import { DeleteNoteSidebarEntry } from './delete-note-sidebar-entry/delete-note-sidebar-entry'
import { AliasesSidebarEntry } from './specific-sidebar-entries/aliases-sidebar-entry'
import { ExportMenuSidebarMenu } from './specific-sidebar-entries/export-menu-sidebar-menu'
@@ -41,6 +43,7 @@ export const Sidebar: React.FC = () => {
return (