From 9d8c4888f3682046f7626b3e800636ef6e5ea078 Mon Sep 17 00:00:00 2001
From: Steve Ruiz <steveruizok@gmail.com>
Date: Fri, 20 May 2022 15:10:54 +0100
Subject: [PATCH] move style panel to right-hand size

---
 packages/tldraw/src/components/TopPanel/TopPanel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/tldraw/src/components/TopPanel/TopPanel.tsx b/packages/tldraw/src/components/TopPanel/TopPanel.tsx
index 2e4a111f1..8af74ac81 100644
--- a/packages/tldraw/src/components/TopPanel/TopPanel.tsx
+++ b/packages/tldraw/src/components/TopPanel/TopPanel.tsx
@@ -44,7 +44,6 @@ export function TopPanel({
       <StyledSpacer />
       {(showStyles || showZoom) && (
         <Panel side="right">
-          {showStyles && !readOnly && <StyleMenu />}
           <ToolButton>
             <UndoIcon onClick={app.undo} />
           </ToolButton>
@@ -52,6 +51,7 @@ export function TopPanel({
             <RedoIcon onClick={app.redo} />
           </ToolButton>
           {showZoom && <ZoomMenu />}
+          {showStyles && !readOnly && <StyleMenu />}
         </Panel>
       )}
     </StyledTopPanel>