diff --git a/src/Components/Profile/OverlayItemProfile.tsx b/src/Components/Profile/OverlayItemProfile.tsx
index a47721fd..7efaed22 100644
--- a/src/Components/Profile/OverlayItemProfile.tsx
+++ b/src/Components/Profile/OverlayItemProfile.tsx
@@ -280,7 +280,7 @@ export function OverlayItemProfile() {
                                 <input type="radio" name="my_tabs_2" role="tab" className={`tw-tab  [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]`} aria-label="Info" checked={activeTab == 1 && true} onChange={() => updateActiveTab(1)} />
                                 <div role="tabpanel" className="tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-280px)] tw-overflow-y-auto fade tw-pt-2 tw-pb-4 tw-mb-4 tw-overflow-x-hidden">
                                     {item.layer?.itemType.show_start_end &&
-                                        <StartEndView item={item}></StartEndView>
+                                        <div className='tw-max-w-xs'><StartEndView item={item}></StartEndView></div>
                                     }
                                     <TextView item={item} />
                                 </div>
diff --git a/src/Components/Templates/OverlayItemsIndexPage.tsx b/src/Components/Templates/OverlayItemsIndexPage.tsx
index f059089b..b2091e26 100644
--- a/src/Components/Templates/OverlayItemsIndexPage.tsx
+++ b/src/Components/Templates/OverlayItemsIndexPage.tsx
@@ -2,7 +2,7 @@ import { ReactNode, useEffect, useRef, useState } from 'react'
 import { Link, useNavigate } from 'react-router-dom';
 import { Item, ItemsApi, LayerProps } from '../../types';
 import { getValue } from '../../Utils/GetValue';
-import { TextView } from '../Map';
+import { StartEndView, TextView } from '../Map';
 import { PlusButton } from '../Profile/PlusButton';
 import { TextInput, TextAreaInput } from '../Input';
 import { useAddTag, useTags } from '../Map/hooks/useTags';
@@ -136,7 +136,12 @@ export const OverlayItemsIndexPage = ({ url, layerName, parameterField, breadcru
                                     <div key={k} className='tw-cursor-pointer tw-card tw-border-[1px] tw-border-base-300 tw-card-body tw-shadow-xl tw-bg-base-100 tw-text-base-content tw-p-4 tw-mb-4 tw-h-fit' onClick={() => navigate(url + getValue(i, parameterField))}>
                                         <HeaderView loading={loading} item={i} api={layer?.api} itemAvatarField={itemImageField} itemNameField={itemNameField} itemSubnameField={itemSubnameField} editCallback={() => navigate("/edit-item/" + i.id)} deleteCallback={() => deleteItem(i)}></HeaderView>
                                         <div className='tw-overflow-y-auto tw-overflow-x-hidden tw-max-h-64 fade'>
-                                            <TextView truncate item={i} itemTextField={itemTextField} />
+                                            {i.layer?.itemType.show_start_end &&
+                                                <StartEndView item={i}></StartEndView>
+                                            }
+                                            {i.layer?.itemType.show_text &&
+                                                <TextView truncate item={i} itemTextField={itemTextField} />
+                                                }
                                         </div>
                                         <DateUserInfo item={i}></DateUserInfo>
                                     </div>