diff --git a/client/src/components/production-list-table/production-list-table-view-select.component.jsx b/client/src/components/production-list-table/production-list-table-view-select.component.jsx
index 767f4602f..cd3a864d8 100644
--- a/client/src/components/production-list-table/production-list-table-view-select.component.jsx
+++ b/client/src/components/production-list-table/production-list-table-view-select.component.jsx
@@ -113,6 +113,7 @@ export function ProductionListTable({
         onSelect={handleSelect}
         placeholder={t("production.labels.selectview")}
         optionLabelProp="label"
+        dropdownMatchSelectWidth={false}
         defaultValue={defaultView}
       >
         {bodyshop.production_config.map((config) => (
@@ -120,23 +121,31 @@ export function ProductionListTable({
             <div
               style={{
                 display: "flex",
-                width: "100%",
+                justifyContent: "space-between",
+                alignItems: "center",
               }}
             >
-              <span style={{ flex: 1 }}>{config.name}</span>
+              <span
+                style={{
+                  flex: 1,
+                  maxWidth: "80%",
+                  marginRight: "1rem",
+                  textOverflow: "ellipsis",
+                }}
+              >
+                {config.name}
+              </span>
 
               <Popconfirm
                 placement="right"
                 title={t("general.labels.areyousure")}
                 onConfirm={() => handleTrash(config.name)}
               >
-                <Button
+                <DeleteOutlined
                   onClick={(e) => {
                     e.stopPropagation();
                   }}
-                >
-                  <DeleteOutlined />
-                </Button>
+                />
               </Popconfirm>
             </div>
           </Select.Option>