diff --git a/src/components/Toolbar.css b/src/components/Toolbar.css
index efed859..c60bd5a 100644
--- a/src/components/Toolbar.css
+++ b/src/components/Toolbar.css
@@ -21,6 +21,7 @@
 .toolbar-left {
   display: flex;
   align-items: center;
+  min-width: 0;
 }
 
 .logo-container {
@@ -38,9 +39,13 @@
   font-size: 14px;
   color: #e0e0e0;
   margin-right: 20px;
-  display: flex;
-  align-items: center;
+  display: block;
+  min-width: 0;
+  max-width: 100%;
   pointer-events: auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .toolbar button {
diff --git a/src/components/Toolbar.tsx b/src/components/Toolbar.tsx
index 466f6e4..8f82e82 100644
--- a/src/components/Toolbar.tsx
+++ b/src/components/Toolbar.tsx
@@ -1042,6 +1042,7 @@ const Toolbar: React.FC = () => {
           <div
             className="project-name"
             onClick={handleProjectNameClick}
+            title={projectName}
           >
             {projectName}
           </div>