From dca77971f804c966185748e5d5f1cc950a1021da Mon Sep 17 00:00:00 2001
From: Kevin Davila <144152756+KevinDavilaDotCMS@users.noreply.github.com>
Date: Fri, 23 Aug 2024 09:22:05 -0500
Subject: [PATCH] fix(gd): Scrollbar behavior on main screen (#29724)

### Proposed Changes
* Changed scrollbar behavior on sidenav



https://github.com/user-attachments/assets/db5a9677-683a-4b3f-91ad-be8c99069d75

Co-authored-by: Kevin Davila <kfariid@gmail.com>
---
 .../components/dot-navigation/dot-navigation.component.spec.ts  | 2 +-
 .../view/components/dot-navigation/dot-navigation.component.ts  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-navigation/dot-navigation.component.spec.ts b/core-web/apps/dotcms-ui/src/app/view/components/dot-navigation/dot-navigation.component.spec.ts
index 8a4ff577442c..fed12d9b5048 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-navigation/dot-navigation.component.spec.ts
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-navigation/dot-navigation.component.spec.ts
@@ -246,7 +246,7 @@ describe('DotNavigationComponent', () => {
             });
 
             it('should have scroll', () => {
-                expect(fixture.debugElement.styles.cssText).toEqual('overflow-y: scroll;');
+                expect(fixture.debugElement.styles.cssText).toEqual('overflow-y: auto;');
             });
         });
     });
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/dot-navigation/dot-navigation.component.ts b/core-web/apps/dotcms-ui/src/app/view/components/dot-navigation/dot-navigation.component.ts
index 10c3ed9ce223..21cb118a9294 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/dot-navigation/dot-navigation.component.ts
+++ b/core-web/apps/dotcms-ui/src/app/view/components/dot-navigation/dot-navigation.component.ts
@@ -17,7 +17,7 @@ export class DotNavigationComponent implements OnInit {
     menu$: Observable<DotMenu[]>;
 
     @HostBinding('style.overflow-y') get overFlow() {
-        return this.dotNavigationService.collapsed$.getValue() ? '' : 'scroll';
+        return this.dotNavigationService.collapsed$.getValue() ? '' : 'auto';
     }
 
     constructor(