style: --

src/index/views/home/components/title/index.scss

@@ -5,6 +5,8 @@
   display: flex;
   align-items: center;
   flex-direction: column;
+  padding: 0 5px;
+  max-width: 100%;
   transition: all 0.5s;
   line-height: 1;
   transform: translateX(-50%);
@@ -15,12 +17,12 @@
   position: relative;
   padding: 0 10px;
   min-width: 180px;
+  max-width: 100%;
   height: 38px;
   font-weight: 100;
   transition: all 0.3s;
   pointer-events: all;
   border-radius: 10px;
-  word-wrap: break-word;
   background: rgba(0, 0, 0, 0.2);
 
   &:hover,
@@ -33,7 +35,6 @@
   display: flex;
   align-items: center;
   justify-content: space-around;
-  white-space: nowrap;
 }
 
 #title-toggle {
@@ -114,12 +115,11 @@
 }
 
 #gui-name {
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  height: 100%;
   line-height: 18px;
   font-size: 18px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 #meta-info-wrapper {