diff --git a/web/components/layouts/Main/Main.tsx b/web/components/layouts/Main/Main.tsx
index 4cbb32711..734f7d0ad 100644
--- a/web/components/layouts/Main/Main.tsx
+++ b/web/components/layouts/Main/Main.tsx
@@ -59,7 +59,7 @@ export const Main: FC = () => {
   const { online, streamTitle, versionNumber: version } = clientStatus;
 
   // accounts for sidebar width when online in desktop
-  const dynamicPadding = online && !isMobile ? '320px' : '0px';
+  const dynamicPadding = online && !chatDisabled && !isMobile ? '320px' : '0px';
 
   useEffect(() => {
     setupNoLinkReferrer(layoutRef.current);
diff --git a/web/components/ui/Content/Content.tsx b/web/components/ui/Content/Content.tsx
index b7fc41739..71508f927 100644
--- a/web/components/ui/Content/Content.tsx
+++ b/web/components/ui/Content/Content.tsx
@@ -181,7 +181,7 @@ export const Content: FC = () => {
   const showChat = online && !chatDisabled && isChatVisible;
 
   // accounts for sidebar width when online in desktop
-  const dynamicPadding = online && !isMobile ? '320px' : '0px';
+  const dynamicPadding = online && !chatDisabled && !isMobile ? '320px' : '0px';
 
   return (
     <>