diff --git a/src/components/landing-page/form-elements.tsx b/src/components/landing-page/form-elements.tsx
index bcbb61c6..b7c5256f 100644
--- a/src/components/landing-page/form-elements.tsx
+++ b/src/components/landing-page/form-elements.tsx
@@ -50,7 +50,7 @@ export const StyledWarningMessage = styled.div`
   display: flex;
   align-items: center;
 
-  &.with-loader {
+  &.with-min-width {
     min-width: 27rem;
   }
 `;
diff --git a/src/components/landing-page/join-production.tsx b/src/components/landing-page/join-production.tsx
index 32cd4364..aacea224 100644
--- a/src/components/landing-page/join-production.tsx
+++ b/src/components/landing-page/join-production.tsx
@@ -211,7 +211,7 @@ export const JoinProduction = ({ preSelected }: TProps) => {
                 ))}
               </FormSelect>
             ) : (
-              <StyledWarningMessage>
+              <StyledWarningMessage className="with-min-width">
                 Controlled by operating system
               </StyledWarningMessage>
             )}
@@ -238,7 +238,7 @@ export const JoinProduction = ({ preSelected }: TProps) => {
                   ))}
               </FormSelect>
               {!production && (
-                <StyledWarningMessage className="with-loader">
+                <StyledWarningMessage className="with-min-width">
                   Please enter a production id
                   {loading && <LoaderDots className="in-active" text="" />}
                 </StyledWarningMessage>
diff --git a/src/components/manage-productions/manage-productions.tsx b/src/components/manage-productions/manage-productions.tsx
index f0a704bc..45dfcb29 100644
--- a/src/components/manage-productions/manage-productions.tsx
+++ b/src/components/manage-productions/manage-productions.tsx
@@ -200,7 +200,7 @@ export const ManageProductions = () => {
           )}
         </>
       ) : (
-        <StyledWarningMessage className="with-loader">
+        <StyledWarningMessage className="with-min-width">
           Please enter a production id
           {fetchLoader && <LoaderDots className="in-active" text="" />}
         </StyledWarningMessage>