diff --git a/src/components/common/messaging/bars/JumpToBottom.tsx b/src/components/common/messaging/bars/JumpToBottom.tsx
index 5ad88acf..d1a13ae4 100644
--- a/src/components/common/messaging/bars/JumpToBottom.tsx
+++ b/src/components/common/messaging/bars/JumpToBottom.tsx
@@ -45,6 +45,10 @@ export const Bar = styled.div<{ position: "top" | "bottom"; accent?: boolean }>`
         justify-content: space-between;
         transition: color ease-in-out 0.08s;
 
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+
         ${(props) =>
             props.accent
                 ? css`
@@ -86,6 +90,10 @@ export const Bar = styled.div<{ position: "top" | "bottom"; accent?: boolean }>`
             display: flex;
             align-items: center;
             gap: 6px;
+
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
 
         &:hover {
@@ -103,6 +111,12 @@ export const Bar = styled.div<{ position: "top" | "bottom"; accent?: boolean }>`
                 padding: 0 12px;
             `}
     }
+
+    @media only screen and (max-width: 800px) {
+        .right > span {
+            display: none;
+        }
+    }
 `;
 
 export default observer(({ channel }: { channel: Channel }) => {
@@ -119,8 +133,10 @@ export default observer(({ channel }: { channel: Channel }) => {
                 <div>
                     <Text id="app.main.channel.misc.viewing_old" />
                 </div>
-                <div>
-                    <Text id="app.main.channel.misc.jump_present" />{" "}
+                <div className="right">
+                    <span>
+                        <Text id="app.main.channel.misc.jump_present" />
+                    </span>
                     <DownArrowAlt size={18} />
                 </div>
             </div>
diff --git a/src/components/common/messaging/bars/NewMessages.tsx b/src/components/common/messaging/bars/NewMessages.tsx
index 030afb93..46c6989a 100644
--- a/src/components/common/messaging/bars/NewMessages.tsx
+++ b/src/components/common/messaging/bars/NewMessages.tsx
@@ -56,8 +56,10 @@ export default observer(
                             }}
                         />
                     </div>
-                    <div>
-                        <Text id="app.main.channel.misc.jump_beginning" />
+                    <div className="right">
+                        <span>
+                            <Text id="app.main.channel.misc.jump_beginning" />
+                        </span>
                         <UpArrowAlt size={20} />
                     </div>
                 </div>