diff --git a/apps/react-starter/src/pages/devices/components/device-details/styles.module.css b/apps/react-starter/src/pages/devices/components/device-details/styles.module.css
index dfb50ed..1de2853 100644
--- a/apps/react-starter/src/pages/devices/components/device-details/styles.module.css
+++ b/apps/react-starter/src/pages/devices/components/device-details/styles.module.css
@@ -22,6 +22,7 @@
   justify-content: space-between;
   overflow: hidden;
   word-break: break-word;
+  padding: 0 0.75rem;
 }
 
 .MessageBar {
@@ -44,4 +45,7 @@
 
 .DeviceName {
   margin-bottom: 2rem;
+  overflow: hidden;
+  text-wrap: nowrap;
+  text-overflow: ellipsis;
 }