From 376c1e7c039d7dace757d31a8302695d1cb99a49 Mon Sep 17 00:00:00 2001
From: Afsal K <makafsal@gmail.com>
Date: Tue, 21 Jan 2025 11:53:16 +0530
Subject: [PATCH] fix(sidePanel): revert the div id and class

---
 .../components/SidePanel/SidePanel.stories.jsx   | 16 +++++++++-------
 .../src/components/SidePanel/SidePanel.tsx       |  1 -
 .../components/SidePanel/_storybook-styles.scss  | 10 ----------
 3 files changed, 9 insertions(+), 18 deletions(-)

diff --git a/packages/ibm-products/src/components/SidePanel/SidePanel.stories.jsx b/packages/ibm-products/src/components/SidePanel/SidePanel.stories.jsx
index 047aed4bec..6bc4c8b190 100644
--- a/packages/ibm-products/src/components/SidePanel/SidePanel.stories.jsx
+++ b/packages/ibm-products/src/components/SidePanel/SidePanel.stories.jsx
@@ -634,13 +634,15 @@ const SlideInTemplate = (
 
   return (
     <>
-      <Button
-        ref={buttonRef}
-        onClick={() => setOpen(!open)}
-        className={`${prefix}toggle`}
-      >
-        {open ? 'Close side panel' : 'Open side panel'}
-      </Button>
+      <div class={`${prefix}story-content`} id="ibm-products-page-content">
+        <Button
+          ref={buttonRef}
+          onClick={() => setOpen(!open)}
+          className={`${prefix}toggle`}
+        >
+          {open ? 'Close side panel' : 'Open side panel'}
+        </Button>
+      </div>
       <SidePanel
         {...args}
         open={open}
diff --git a/packages/ibm-products/src/components/SidePanel/SidePanel.tsx b/packages/ibm-products/src/components/SidePanel/SidePanel.tsx
index 96f78b9ca5..0110c67d20 100644
--- a/packages/ibm-products/src/components/SidePanel/SidePanel.tsx
+++ b/packages/ibm-products/src/components/SidePanel/SidePanel.tsx
@@ -525,7 +525,6 @@ export let SidePanel = React.forwardRef(
         }
       };
       const bodyElement = document.body;
-
       if (includeOverlay && open) {
         bodyElement.style.overflow = 'hidden';
       } else if (includeOverlay && !open) {
diff --git a/packages/ibm-products/src/components/SidePanel/_storybook-styles.scss b/packages/ibm-products/src/components/SidePanel/_storybook-styles.scss
index 32cf2ff51c..de4265d8be 100644
--- a/packages/ibm-products/src/components/SidePanel/_storybook-styles.scss
+++ b/packages/ibm-products/src/components/SidePanel/_storybook-styles.scss
@@ -59,16 +59,6 @@ $story-prefix: side-panel-stories__;
   height: 100%;
 }
 
-.#{$story-prefix}story-container {
-  position: fixed;
-  display: grid;
-  block-size: 100vh;
-  grid-template-rows: 3rem 1fr;
-  inline-size: 100vw;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-}
-
 .#{$story-prefix}story-content {
   position: relative;
   display: flex;