diff --git a/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx b/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx
index 483abc4353..a43831bfcc 100644
--- a/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx
+++ b/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx
@@ -145,15 +145,15 @@ export const TopBar = ({ pageName }: Props) => {
           </div>
 
           <div className="flex justify-end gap-3.5">
-            <Button
-              variant="primary"
-              icon={faGem}
-              onClick={toggleModal}
-              className="shadow-md shadow-primary-500/50 transition-all duration-300 hover:shadow-md hover:shadow-primary-500/75"
-            >
-              Upgrade Now
-            </Button>
             <div className="flex gap-2">
+              <Button
+                variant="primary"
+                icon={faGem}
+                onClick={toggleModal}
+                className="shadow-md shadow-primary-500/50 transition-all duration-300 hover:shadow-md hover:shadow-primary-500/75"
+              >
+                Upgrade Now
+              </Button>
               <Tooltip content="Settings" position="bottom" delay={300}>
                 <Button
                   variant="secondary"