diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 9b34f83..bdd4894 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -453,16 +453,16 @@ function QuickLinks({ toast, mobile }) {
       {/* Link-Grid */}
       {links.length === 0 && !editMode
         ? <div style={{ color:'rgba(255,255,255,0.5)', fontSize:11, fontFamily:'monospace', padding:'6px 0' }}>Links können unter Einstellungen → Dashboard hinzugefügt werden.</div>
-        : <div style={{ display:'flex', flexWrap:'wrap', gap:8 }}>
+        : <div style={{ display:'grid', gridTemplateColumns:'repeat(auto-fill,minmax(70px,1fr))', gap:8 }}>
             {links.map(l => (
               <div key={l.id} style={{ position:'relative' }}>
 
                 <a href={l.url} target="_blank" rel="noopener noreferrer"
                   
                   style={{ display:'flex', flexDirection:'column', alignItems:'center', justifyContent:'center', gap:4,
-                    padding:'10px 14px', background:'rgba(255,255,255,0.04)',
+                    padding:'10px 8px', background:'rgba(255,255,255,0.04)',
                     border:'1px solid rgba(255,255,255,0.08)', borderRadius:10,
-                    textDecoration:'none', minWidth:60, height:76, cursor:'pointer' }}>
+                    textDecoration:'none', height:76, cursor:'pointer' }}>
                   {l.icon && l.icon.startsWith('http')
                     ? <img src={l.icon} alt="" style={{width:26,height:26,objectFit:'contain'}} onError={e=>e.target.style.display='none'}/>
                     : <span style={{ fontSize:26 }}>{l.icon}</span>}
@@ -613,7 +613,7 @@ function Notepad({ toast }) {
         <div style={{display:'flex',alignItems:'center',gap:8}}>
           <div style={S.head}>NOTIZEN</div>
           {!isOpen && content.length > 0 && (
-            <span style={{color:'#4ecdc4',fontFamily:'monospace',fontSize:10}}>({content.length})</span>
+            <span style={{color:'#4ecdc4',fontFamily:'monospace',fontSize:10}}>{content.length} Zeichen</span>
           )}
         </div>
         <span style={{color:'rgba(255,255,255,0.4)',fontSize:11,display:'inline-block',
@@ -1212,7 +1212,7 @@ export default function App() {
       <style>{`
         @import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');
         *{margin:0;padding:0;box-sizing:border-box;}
-        body{background:#111114;-webkit-tap-highlight-color:transparent;}
+        html,body{background:#0d0d0f;-webkit-tap-highlight-color:transparent;}
         input,textarea,select{-webkit-appearance:none;appearance:none;}
         input[type=number]::-webkit-inner-spin-button{opacity:0.25;}
         @keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
diff --git a/frontend/src/calendar.jsx b/frontend/src/calendar.jsx
index 946debf..5f2f4b3 100644
--- a/frontend/src/calendar.jsx
+++ b/frontend/src/calendar.jsx
@@ -215,7 +215,7 @@ export default function CalendarWidget() {
               <span style={{ color:'#fff', fontFamily:"'Space Mono',monospace", fontSize:13, fontWeight:700 }}>
                 {MONTHS[cur.m]} {cur.y}
               </span>
-              {(cur.m !== today.getMonth() || cur.y !== today.getFullYear()) && (
+              {(!selected || !sameDay(selected, today) || cur.m !== today.getMonth() || cur.y !== today.getFullYear()) && (
                 <button onClick={() => { setCur({ y:today.getFullYear(), m:today.getMonth() }); setSelected(new Date()); }}
                   style={{ background:'rgba(78,205,196,0.15)', border:'1px solid rgba(78,205,196,0.3)',
                     borderRadius:6, color:'#4ecdc4', fontFamily:'monospace', fontSize:9,