From 9fb0ca2dabee06bb6f7186be52d9c367b1512152 Mon Sep 17 00:00:00 2001
From: bflatastic <bombayapirat@gmail.com>
Date: Tue, 6 May 2025 10:36:09 +0700
Subject: [PATCH] fixed logo being squished

---
 .../app/src/components/signaled/TopBar/TopBar.tsx         | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

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 fba7d8edfd..1939db801a 100644
--- a/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx
+++ b/frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx
@@ -1,7 +1,6 @@
 import { useState } from "react";
 import {
   faChevronLeft,
-  faChevronRight,
   faGear,
   faImages,
 } from "@fortawesome/pro-solid-svg-icons";
@@ -45,10 +44,6 @@ export const TopBar = ({ pageName, appTabIdSignal, setAppTabId }: Props) => {
   const [activeLibraryTab, setActiveLibraryTab] = useState("my-media");
   const [isSettingsModalOpen, setIsSettingsModalOpen] = useState(false);
 
-  const handleClick = () => {
-    window.location.href = "https://storyteller-2d.netlify.app/";
-  };
-
   return (
     <>
       <header className="fixed left-0 top-0 z-[60] w-full border-b border-white/5 bg-ui-background">
@@ -74,7 +69,8 @@ export const TopBar = ({ pageName, appTabIdSignal, setAppTabId }: Props) => {
               tabs={appTabs}
               activeTab={appTabIdSignal.value}
               disabled={false}
-              onTabChange={(tabId) => setAppTabId(tabId)}
+              onTabChange={(tabId: string) => setAppTabId(tabId)}
+              className="w-fit"
             />
             {/* <Button
               variant="secondary"