diff --git a/frontend/Exence/src/app/shared/button/button.component.ts b/frontend/Exence/src/app/shared/button/button.component.ts
index e4bae81..837fec8 100644
--- a/frontend/Exence/src/app/shared/button/button.component.ts
+++ b/frontend/Exence/src/app/shared/button/button.component.ts
@@ -26,7 +26,7 @@ export class ButtonComponent {
 	color = input<'primary' | 'accent' | 'success' | 'error' | 'warn'>('primary');
 
 	collapsedStyle = input<'text' | 'outlined' | 'filled'>('filled');
-	collapseUnder = input<DisplaySizeBreakpoint>('sm');
+	collapseUnder = input<DisplaySizeBreakpoint>();
 
 	shouldNotCollapse = this.display.getObserverByName(this.collapseUnder);
 
diff --git a/frontend/Exence/src/app/shared/display-size.service.ts b/frontend/Exence/src/app/shared/display-size.service.ts
index dc4c686..98bdb15 100644
--- a/frontend/Exence/src/app/shared/display-size.service.ts
+++ b/frontend/Exence/src/app/shared/display-size.service.ts
@@ -49,10 +49,11 @@ export class DisplaySizeService {
 		});
 	}
 
-	public getObserverByName(breakpoint: DisplaySizeBreakpoint | Signal<DisplaySizeBreakpoint>): Signal<boolean> {
+	public getObserverByName(breakpoint: DisplaySizeBreakpoint | Signal<DisplaySizeBreakpoint | undefined>): Signal<boolean> {
 		if (typeof breakpoint === 'function') {
 			return computed(() => {
 				const name = breakpoint();
+				if (!name) return true;
 				return this.createOrGetBreakPointSignal(name)();
 			});
 		}