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}
           >