diff --git a/src/app/_samples/mediaco/components/wss-nav-bar/wss-nav-bar.component.html b/src/app/_samples/mediaco/components/wss-nav-bar/wss-nav-bar.component.html
index dd22f8d8..4b5dd759 100644
--- a/src/app/_samples/mediaco/components/wss-nav-bar/wss-nav-bar.component.html
+++ b/src/app/_samples/mediaco/components/wss-nav-bar/wss-nav-bar.component.html
@@ -32,7 +32,7 @@
       </div>
     </mat-nav-list>
   </mat-sidenav>
-  <mat-sidenav-content>
+  <mat-sidenav-content [class.collapsed-mode]="collapsed">
     <!-- Top Toolbar -->
 
     <mat-toolbar style="position: sticky; top: 0; z-index: 10">
diff --git a/src/app/_samples/mediaco/components/wss-nav-bar/wss-nav-bar.component.scss b/src/app/_samples/mediaco/components/wss-nav-bar/wss-nav-bar.component.scss
index 2592bc38..e4237944 100644
--- a/src/app/_samples/mediaco/components/wss-nav-bar/wss-nav-bar.component.scss
+++ b/src/app/_samples/mediaco/components/wss-nav-bar/wss-nav-bar.component.scss
@@ -142,6 +142,14 @@ mat-nav-list {
   }
 }
 
+::ng-deep .mat-sidenav-content {
+  margin-left: 16rem !important;
+}
+
+::ng-deep .collapsed-mode.mat-sidenav-content {
+  margin-left: 5.313rem !important;
+}
+
 /* Optional: Add spacing below the toggle button if needed */
 .toggle-header {
   margin-bottom: 10px;
diff --git a/src/containerStyles.scss b/src/containerStyles.scss
index 5a2f9905..0d42c438 100644
--- a/src/containerStyles.scss
+++ b/src/containerStyles.scss
@@ -9,9 +9,10 @@ app-flow-container {
   }
 
   .psdk-flow-container-top {
-    background-color: var(--mat-sys-surface-container);
+    background-color: #fff;
     padding: 0.5rem 0.625rem;
-    border-radius: 0.3125rem;
+    border-top-left-radius: 2rem;
+    border-bottom: gray 0.0625rem solid;
   }
   .psdk-flow-container {
     padding-left: 2.1875rem;