From ee3d8c8c2181a4438a8ced09af3c5c59dba4b218 Mon Sep 17 00:00:00 2001
From: alex <alex@roese.dev>
Date: Tue, 1 Aug 2023 21:45:44 +0000
Subject: [PATCH] text overlapping on long device name

---
 src/Components/SideBar/index.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/Components/SideBar/index.js b/src/Components/SideBar/index.js
index bac900d..c66a2a6 100644
--- a/src/Components/SideBar/index.js
+++ b/src/Components/SideBar/index.js
@@ -47,8 +47,10 @@ export default function Sidebar(props) {
                   alignItems: "center",
                 }}
               >
-                <View>
+                <View style={{ flex: 1 }}>
                   <Text
+                    numberOfLines={1}
+                    ellipsizeMode="tail"
                     style={{
                       color: focusedColor,
                       fontWeight: "bold",