diff --git a/src/pages/Devices.tsx b/src/pages/Devices.tsx
index 68b8428..5ec8461 100644
--- a/src/pages/Devices.tsx
+++ b/src/pages/Devices.tsx
@@ -45,6 +45,14 @@ const useStyles = makeStyles((theme: Theme) => {
       margin: theme.spacing(1),
       marginLeft: theme.spacing(2),
       display: "flex",
+      width: theme.spacing(10)
+      // justifyContent: "center",
+    },
+    descriptionCellContainer: {
+      margin: theme.spacing(1),
+      marginLeft: theme.spacing(2),
+      display: "flex",
+      width: theme.spacing(32)
       // justifyContent: "center",
     },
     green: {
@@ -302,11 +310,11 @@ export default function Devices() {
         render: (device: Device) => {
           const description = device.settings?.description ?? ""
           return (
-            <Box className={classes.cellContainer}>
+            <Box className={classes.descriptionCellContainer}>
               <Tooltip title={device.settings?.description}>
                 <span>
-                  {description.length > 20
-                    ? description.substring(0, 20) + "..."
+                  {description.length > 32
+                    ? description.substring(0, 32) + "..."
                     : description}
                 </span>
               </Tooltip>