diff --git a/app/react/kubernetes/applications/CreateView/application-services/PublishingExplaination.tsx b/app/react/kubernetes/applications/CreateView/application-services/PublishingExplaination.tsx
index 4ecdb1ef3..e1b52a9bc 100644
--- a/app/react/kubernetes/applications/CreateView/application-services/PublishingExplaination.tsx
+++ b/app/react/kubernetes/applications/CreateView/application-services/PublishingExplaination.tsx
@@ -5,7 +5,7 @@ import { FormSection } from '@@/form-components/FormSection';
 export function PublishingExplaination() {
   return (
     <FormSection title="Explanation" isFoldable titleSize="sm">
-      <div className="mb-4 flex flex-col items-start lg:flex-row">
+      <div className="w-full mb-4 flex flex-col items-start lg:flex-row">
         <img
           src={ingressDiagram}
           alt="ingress explaination"