diff --git a/packages/module/src/Chatbot/Chatbot.scss b/packages/module/src/Chatbot/Chatbot.scss
index c6c820a0..2a003902 100644
--- a/packages/module/src/Chatbot/Chatbot.scss
+++ b/packages/module/src/Chatbot/Chatbot.scss
@@ -54,16 +54,6 @@
   }
 }
 
-html.pf-chatbot-allow--docked {
-  padding-inline-start: 480px;
-
-  // 30rem is the width of the docked chatbot
-  // if the screen is smaller, we want to be 100%
-  @media screen and (max-width: 30rem) {
-    padding-inline-start: 0px;
-  }
-}
-
 // ============================================================================
 // Chatbot Display Mode - Fullscreen
 // ============================================================================
diff --git a/packages/module/src/Chatbot/Chatbot.tsx b/packages/module/src/Chatbot/Chatbot.tsx
index ff4bd9a8..2b33b5f0 100644
--- a/packages/module/src/Chatbot/Chatbot.tsx
+++ b/packages/module/src/Chatbot/Chatbot.tsx
@@ -35,15 +35,6 @@ const ChatbotBase: React.FunctionComponent<ChatbotProps> = ({
   ariaLabel,
   ...props
 }: ChatbotProps) => {
-  // Configure docked mode
-  React.useEffect(() => {
-    if (displayMode === ChatbotDisplayMode.docked) {
-      document.documentElement.classList.add('pf-chatbot-allow--docked');
-    } else {
-      document.documentElement.classList.remove('pf-chatbot-allow--docked');
-    }
-  }, [displayMode]);
-
   // Configure animations
   const motionChatbot = {
     visible: { opacity: 1, y: 0 },