From e3666ecc8c1b503e2ffa754b11384b67b6d0bebe Mon Sep 17 00:00:00 2001
From: SurajTade <surajtade1029@gmail.com>
Date: Sat, 5 Oct 2024 22:24:05 +0530
Subject: [PATCH] fix:#907: sidebar broken in playground

---
 library/src/containers/AsyncApi/Layout.tsx | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/library/src/containers/AsyncApi/Layout.tsx b/library/src/containers/AsyncApi/Layout.tsx
index 5bf6bac38..8f842884c 100644
--- a/library/src/containers/AsyncApi/Layout.tsx
+++ b/library/src/containers/AsyncApi/Layout.tsx
@@ -25,20 +25,12 @@ const AsyncApiLayout: React.FunctionComponent<Props> = ({
   config,
   error = null,
 }) => {
-  const [observerClassName, setObserverClassName] = useState('container:xl');
-
   const { ref } = useResizeObserver<HTMLDivElement>({
     onResize: ({ width }) => {
       requestAnimationFrame(() => {
         if (width === undefined) {
           return;
         }
-
-        const possibleClassName =
-          width <= 1280 ? 'container:xl' : 'container:base';
-        if (possibleClassName !== observerClassName) {
-          setObserverClassName(possibleClassName);
-        }
       });
     },
   });
@@ -49,7 +41,7 @@ const AsyncApiLayout: React.FunctionComponent<Props> = ({
       <SpecificationContext.Provider value={asyncapi}>
         <section className="aui-root">
           <div
-            className={`${observerClassName} relative md:flex bg-white leading-normal`}
+            className={`w-full relative md:flex bg-white leading-normal`}
             id={config.schemaID ?? undefined}
             ref={ref}
           >