diff --git a/src/components/observability/Overview.tsx b/src/components/observability/Overview.tsx
index 1c4d8e6dd1..e9586b1348 100644
--- a/src/components/observability/Overview.tsx
+++ b/src/components/observability/Overview.tsx
@@ -64,14 +64,52 @@ export const Overview = () => {
     return (
         <div className="observability-overview flex-grow-1 dc__overflow-auto">
             <PageHeader isBreadcrumbs breadCrumbs={renderBreadcrumbs} />
-
-            <div className="flexbox-col dc__gap-32 dc__overflow-auto p-20 flex-grow-1">
-                <div className="flexbox-col dc__gap-16">
+            <div className="flexbox-col dc__gap-32 dc__overflow-auto p-20 bg__secondary">
+                <div className="flexbox-col dc__gap-12">
                     <div className="flexbox dc__content-space dc__gap-16">
                         <h3 className="m-0 cn-9 fs-20 fw-4 lh-1-5">At a Glance</h3>
                     </div>
+                    {renderBody()}
+                </div>
+                <div className="flexbox-col dc__gap-12 bg__secondary">
+                    <div className="flexbox dc__content-space dc__gap-16">
+                        <h3 className="m-0 cn-9 fs-20 fw-4 lh-1-5">Statistics</h3>
+                    </div>
+                    <div className="dc__grid workflow-overview-cards-wrapper">
+                        <div className="flexbox-col bg__primary br-8 border__secondary">
+                            <div className="flex left px-16 py-12 border__secondary--bottom">
+                                <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                            </div>
+                            <div className="flex h-200">
+                                <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                            </div>
+                        </div>
+                        <div className="flexbox-col bg__primary br-8 border__secondary">
+                            <div className="flex left px-16 py-12 border__secondary--bottom">
+                                <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                            </div>
+                            <div className="flex h-200">
+                                <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                            </div>
+                        </div>
+                        <div className="flexbox-col bg__primary br-8 border__secondary">
+                            <div className="flex left px-16 py-12 border__secondary--bottom">
+                                <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                            </div>
+                            <div className="flex h-200">
+                                <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                            </div>
+                        </div>
+                        <div className="flexbox-col bg__primary br-8 border__secondary">
+                            <div className="flex left px-16 py-12 border__secondary--bottom">
+                                <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                            </div>
+                            <div className="flex h-200">
+                                <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                            </div>
+                        </div>
+                    </div>
                 </div>
-                {renderBody()}
             </div>
         </div>
     )
diff --git a/src/components/observability/ProjectObservability/Project.tsx b/src/components/observability/ProjectObservability/Project.tsx
index f5e575af13..7946598ab1 100644
--- a/src/components/observability/ProjectObservability/Project.tsx
+++ b/src/components/observability/ProjectObservability/Project.tsx
@@ -104,15 +104,13 @@ const Project = () => {
                     <TabGroup tabs={tabs} rightComponent={rightComponent} />
                 </div>
             </div>
-            <div className="en-2 bw-1 br-4 dc__no-top-radius dc__no-top-border bg__primary mb-20">
-                <div className=" pr-20 pl-20 pt-12 pb-12">
-                    <Route path={`${match.url}/overview`}>
-                        <ProjectOverview />
-                    </Route>
-                    <Route path={`${match.url}/projects`}>
-                        <ProjectList />
-                    </Route>
-                </div>
+            <div className="bg__primary mb-20">
+                <Route path={`${match.url}/overview`}>
+                    <ProjectOverview />
+                </Route>
+                <Route path={`${match.url}/projects`}>
+                    <ProjectList />
+                </Route>
             </div>
         </div>
     )
diff --git a/src/components/observability/ProjectObservability/ProjectOverview.tsx b/src/components/observability/ProjectObservability/ProjectOverview.tsx
index 8634c2cd03..13fd7f4453 100644
--- a/src/components/observability/ProjectObservability/ProjectOverview.tsx
+++ b/src/components/observability/ProjectObservability/ProjectOverview.tsx
@@ -28,7 +28,6 @@ export const ProjectOverview = () => {
                 />
             )
         }
-        // alert(JSON.stringify(data))
         return (
             <div className="dc__grid workflow-overview-cards-wrapper">
                 {data.map((value) => {
@@ -39,14 +38,51 @@ export const ProjectOverview = () => {
     }
 
     return (
-        <div className="flexbox-col dc__gap-32 dc__overflow-auto p-20 flex-grow-1">
+        <div className="flexbox-col dc__gap-32 dc__overflow-auto p-20 flex-grow-1 bg__secondary">
             <div className="flexbox-col dc__gap-16">
                 <div className="flexbox dc__content-space dc__gap-16">
                     <h3 className="m-0 cn-9 fs-20 fw-4 lh-1-5">At a Glance</h3>
                 </div>
+                {renderBody()}
             </div>
             <div className="flexbox-col dc__gap-12">
-                {renderBody()}
+                <div className="flexbox dc__content-space dc__gap-16">
+                    <h3 className="m-0 cn-9 fs-20 fw-4 lh-1-5">Statistics</h3>
+                </div>
+                <div className="dc__grid workflow-overview-cards-wrapper">
+                    <div className="flexbox-col bg__primary br-8 border__secondary">
+                        <div className="flex left px-16 py-12 border__secondary--bottom">
+                            <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                        </div>
+                        <div className="flex h-200">
+                            <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                        </div>
+                    </div>
+                    <div className="flexbox-col bg__primary br-8 border__secondary">
+                        <div className="flex left px-16 py-12 border__secondary--bottom">
+                            <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                        </div>
+                        <div className="flex h-200">
+                            <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                        </div>
+                    </div>
+                    <div className="flexbox-col bg__primary br-8 border__secondary">
+                        <div className="flex left px-16 py-12 border__secondary--bottom">
+                            <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                        </div>
+                        <div className="flex h-200">
+                            <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                        </div>
+                    </div>
+                    <div className="flexbox-col bg__primary br-8 border__secondary">
+                        <div className="flex left px-16 py-12 border__secondary--bottom">
+                            <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                        </div>
+                        <div className="flex h-200">
+                            <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
     )
diff --git a/src/components/observability/SingleVMOverview.tsx b/src/components/observability/SingleVMOverview.tsx
index 3037e9c30a..6ef711b197 100644
--- a/src/components/observability/SingleVMOverview.tsx
+++ b/src/components/observability/SingleVMOverview.tsx
@@ -92,48 +92,51 @@ const SingleVMOverview = () => {
     const searchKey = ''
     const handleSearch = () => { }
     return (
-        <div className="observability-overview flex-grow-1 dc__overflow-auto">
+        <div className="observability-overview flex-grow-1 dc__overflow-auto bg__secondary">
             <PageHeader isBreadcrumbs breadCrumbs={renderBreadcrumbs} />
-            <div className="flexbox-col dc__gap-32 dc__overflow-auto p-20 flex-grow-1 bg__secondary">
-                <div className="flexbox-col dc__gap-16">
+            <div className="flexbox-col dc__gap-32 bg__secondary p-20">
+                <div className="flexbox-col dc__gap-12">
                     <div className="flexbox dc__content-space dc__gap-16">
                         <h3 className="m-0 cn-9 fs-20 fw-4 lh-1-5">At a Glance</h3>
                     </div>
-                </div>
-                <div className="flexbox-col dc__gap-12">
                     {renderBody()}
                 </div>
-                <div className="dc__grid workflow-overview-cards-wrapper">
-                    <div className="flexbox-col bg__primary br-8 border__secondary">
-                        <div className="flex left px-16 py-12 border__secondary--bottom">
-                            <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
-                        </div>
-                        <div className="flex h-200">
-                            <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
-                        </div>
-                    </div>
-                    <div className="flexbox-col bg__primary br-8 border__secondary">
-                        <div className="flex left px-16 py-12 border__secondary--bottom">
-                            <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
-                        </div>
-                        <div className="flex h-200">
-                            <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
-                        </div>
+                <div className="flexbox-col dc__gap-12">
+                    <div className="flexbox dc__content-space dc__gap-16">
+                        <h3 className="m-0 cn-9 fs-20 fw-4 lh-1-5">Statistics</h3>
                     </div>
-                    <div className="flexbox-col bg__primary br-8 border__secondary">
-                        <div className="flex left px-16 py-12 border__secondary--bottom">
-                            <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                    <div className="dc__grid workflow-overview-cards-wrapper">
+                        <div className="flexbox-col bg__primary br-8 border__secondary">
+                            <div className="flex left px-16 py-12 border__secondary--bottom">
+                                <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                            </div>
+                            <div className="flex h-200">
+                                <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                            </div>
                         </div>
-                        <div className="flex h-200">
-                            <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                        <div className="flexbox-col bg__primary br-8 border__secondary">
+                            <div className="flex left px-16 py-12 border__secondary--bottom">
+                                <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                            </div>
+                            <div className="flex h-200">
+                                <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                            </div>
                         </div>
-                    </div>
-                    <div className="flexbox-col bg__primary br-8 border__secondary">
-                        <div className="flex left px-16 py-12 border__secondary--bottom">
-                            <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                        <div className="flexbox-col bg__primary br-8 border__secondary">
+                            <div className="flex left px-16 py-12 border__secondary--bottom">
+                                <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                            </div>
+                            <div className="flex h-200">
+                                <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                            </div>
                         </div>
-                        <div className="flex h-200">
-                            <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                        <div className="flexbox-col bg__primary br-8 border__secondary">
+                            <div className="flex left px-16 py-12 border__secondary--bottom">
+                                <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                            </div>
+                            <div className="flex h-200">
+                                <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                            </div>
                         </div>
                     </div>
                 </div>
diff --git a/src/components/observability/VMObservability/VM.tsx b/src/components/observability/VMObservability/VM.tsx
index 3752d55668..923b086520 100644
--- a/src/components/observability/VMObservability/VM.tsx
+++ b/src/components/observability/VMObservability/VM.tsx
@@ -100,22 +100,20 @@ const VM = () => {
 
         return (
             <div>
-                <div className="dc__border-bottom dc__position-sticky dc__top-0 dc__zi-1 bg__primary">
+                <div className="dc__border-bottom dc__position-sticky dc__top-0 dc__zi-1 bg__secondary">
                     <div className="en-2 bw-1 dc__top-radius-4 bg__primary dc__no-bottom-border px-20">
                         <TabGroup tabs={tabs} rightComponent={rightComponent} />
                     </div>
                 </div>
-                <div className="en-2 bw-1 br-4 dc__no-top-radius dc__no-top-border bg__primary mb-20">
-                    <div className=" pr-20 pl-20 pt-12 pb-12">
-                        <Route path={`${match.url}/overview`}>
-                            <VMOverview />
-                        </Route>
-                        <Route path={`${match.url}/vms`}>
-                            <VMList />
-                        </Route>
+                <div className="bg__secondary mb-20">
+                    <Route path={`${match.url}/overview`}>
+                        <VMOverview />
+                    </Route>
+                    <Route path={`${match.url}/vms`}>
+                        <VMList />
+                    </Route>
 
-                        <Redirect to={`${match.url}/overview`} />
-                    </div>
+                    <Redirect to={`${match.url}/overview`} />
                 </div>
             </div>
         )
diff --git a/src/components/observability/VMObservability/VMOverview.tsx b/src/components/observability/VMObservability/VMOverview.tsx
index 52ffe77a64..1507c8fbd0 100644
--- a/src/components/observability/VMObservability/VMOverview.tsx
+++ b/src/components/observability/VMObservability/VMOverview.tsx
@@ -42,44 +42,49 @@ export const VMOverview = () => {
     }
 
     return (
-        <div className="flexbox-col dc__gap-32 dc__overflow-auto p-20 flex-grow-1 bg__secondary">
-            <div className="flexbox-col dc__gap-16">
+        <div className="flexbox-col dc__gap-32 dc__overflow-auto p-20 bg__secondary">
+            <div className="flexbox-col dc__gap-12">
                 <div className="flexbox dc__content-space dc__gap-16">
                     <h3 className="m-0 cn-9 fs-20 fw-4 lh-1-5">At a Glance</h3>
                 </div>
+                {renderBody()}
             </div>
-            <div className="flexbox-col dc__gap-12">{renderBody()}</div>
-            <div className="dc__grid workflow-overview-cards-wrapper">
-                <div className="flexbox-col bg__primary br-8 border__secondary">
-                    <div className="flex left px-16 py-12 border__secondary--bottom">
-                        <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
-                    </div>
-                    <div className="flex h-200">
-                        <img src="https://community.grafana.com/t/drill-down-in-bar-graph/70193" />
-                    </div>
-                </div>
-                <div className="flexbox-col bg__primary br-8 border__secondary">
-                    <div className="flex left px-16 py-12 border__secondary--bottom">
-                        <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
-                    </div>
-                    <div className="flex h-200">
-                        <img src="https://community.grafana.com/t/drill-down-in-bar-graph/70193" />
-                    </div>
+            <div className="flexbox-col dc__gap-12 bg__secondary">
+                <div className="flexbox dc__content-space dc__gap-16">
+                    <h3 className="m-0 cn-9 fs-20 fw-4 lh-1-5">Statistics</h3>
                 </div>
-                <div className="flexbox-col bg__primary br-8 border__secondary">
-                    <div className="flex left px-16 py-12 border__secondary--bottom">
-                        <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                <div className="dc__grid workflow-overview-cards-wrapper">
+                    <div className="flexbox-col bg__primary br-8 border__secondary">
+                        <div className="flex left px-16 py-12 border__secondary--bottom">
+                            <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                        </div>
+                        <div className="flex h-200">
+                            <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                        </div>
                     </div>
-                    <div className="flex h-200">
-                        <img src="https://community.grafana.com/t/drill-down-in-bar-graph/70193" />
+                    <div className="flexbox-col bg__primary br-8 border__secondary">
+                        <div className="flex left px-16 py-12 border__secondary--bottom">
+                            <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                        </div>
+                        <div className="flex h-200">
+                            <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                        </div>
                     </div>
-                </div>
-                <div className="flexbox-col bg__primary br-8 border__secondary">
-                    <div className="flex left px-16 py-12 border__secondary--bottom">
-                        <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                    <div className="flexbox-col bg__primary br-8 border__secondary">
+                        <div className="flex left px-16 py-12 border__secondary--bottom">
+                            <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                        </div>
+                        <div className="flex h-200">
+                            <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                        </div>
                     </div>
-                    <div className="flex h-200">
-                        <img src="https://community.grafana.com/t/drill-down-in-bar-graph/70193" />
+                    <div className="flexbox-col bg__primary br-8 border__secondary">
+                        <div className="flex left px-16 py-12 border__secondary--bottom">
+                            <span className="fs-14 fw-6 lh-1-5 cn-9">CPU</span>
+                        </div>
+                        <div className="flex h-200">
+                            <img src='https://community.grafana.com/t/drill-down-in-bar-graph/70193' />
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/src/components/observability/styles.scss b/src/components/observability/styles.scss
index 5b454bdeab..af2f73917a 100644
--- a/src/components/observability/styles.scss
+++ b/src/components/observability/styles.scss
@@ -41,7 +41,6 @@
 
     .workflow-overview-cards-wrapper {
         grid-template-columns: repeat(4, 1fr);
-        grid-template-rows: repeat(2, 1fr);
         gap: 8px;
     }
 }