diff --git a/apps/frontend/src/app/global.css b/apps/frontend/src/app/global.css
index 64eb6670..ee8c6f9c 100644
--- a/apps/frontend/src/app/global.css
+++ b/apps/frontend/src/app/global.css
@@ -14,6 +14,9 @@ html {
   position: relative;
   z-index: 2;
 }
+#tooltip {
+  z-index: 10000;
+}
 .box:after {
   border-radius: 50px;
   width: 100%;
diff --git a/apps/frontend/src/components/launches/add.edit.model.tsx b/apps/frontend/src/components/launches/add.edit.model.tsx
index a2369f5c..86119e96 100644
--- a/apps/frontend/src/components/launches/add.edit.model.tsx
+++ b/apps/frontend/src/components/launches/add.edit.model.tsx
@@ -260,18 +260,36 @@ export const AddEditModal: FC<{
         group: existingData?.group,
         trigger: values[v].trigger,
         settings: values[v].settings(),
-        checkValidity: values[v].checkValidity
+        checkValidity: values[v].checkValidity,
+        maximumCharacters: values[v].maximumCharacters,
       }));
 
       for (const key of allKeys) {
         if (key.checkValidity) {
-          const check = await key.checkValidity(key?.value.map((p: any) => p.image || []));
+          const check = await key.checkValidity(
+            key?.value.map((p: any) => p.image || [])
+          );
           if (typeof check === 'string') {
             toaster.show(check, 'warning');
             return;
           }
         }
 
+        if (
+          key.value.some(
+            (p) => p.content.length > (key.maximumCharacters || 1000000)
+          )
+        ) {
+          if (
+            !(await deleteDialog(
+              `${key?.integration?.name} post is too long, it will be cropped, do you want to continue?`
+            ))
+          ) {
+            await key.trigger();
+            moveToIntegration({identifier: key?.integration?.id!, toPreview: true});
+            return;
+          }
+        }
 
         if (key.value.some((p) => !p.content || p.content.length < 6)) {
           setShowError(true);
@@ -280,7 +298,7 @@ export const AddEditModal: FC<{
 
         if (!key.valid) {
           await key.trigger();
-          moveToIntegration(key?.integration?.id!);
+          moveToIntegration({identifier: key?.integration?.id!});
           return;
         }
       }
@@ -305,7 +323,14 @@ export const AddEditModal: FC<{
       );
       modal.closeAll();
     },
-    [postFor, dateState, value, integrations, existingData, selectedIntegrations]
+    [
+      postFor,
+      dateState,
+      value,
+      integrations,
+      existingData,
+      selectedIntegrations,
+    ]
   );
 
   const getPostsMarketplace = useCallback(async () => {
@@ -373,7 +398,7 @@ export const AddEditModal: FC<{
 
             {!existingData.integration && (
               <PickPlatforms
-                integrations={integrations.filter(f => !f.disabled)}
+                integrations={integrations.filter((f) => !f.disabled)}
                 selectedIntegrations={[]}
                 singleSelect={false}
                 onChange={setSelectedIntegrations}
diff --git a/apps/frontend/src/components/launches/general.preview.component.tsx b/apps/frontend/src/components/launches/general.preview.component.tsx
index a6d98d55..12b74b86 100644
--- a/apps/frontend/src/components/launches/general.preview.component.tsx
+++ b/apps/frontend/src/components/launches/general.preview.component.tsx
@@ -4,16 +4,17 @@ import { useFormatting } from '@gitroom/frontend/components/launches/helpers/use
 import clsx from 'clsx';
 import { VideoOrImage } from '@gitroom/react/helpers/video.or.image';
 import { Chakra_Petch } from 'next/font/google';
+import { FC } from 'react';
 const chakra = Chakra_Petch({ weight: '400', subsets: ['latin'] });
 
-export const GeneralPreviewComponent = () => {
+export const GeneralPreviewComponent: FC<{maximumCharacters?: number}> = (props) => {
   const { value: topValue, integration } = useIntegration();
   const mediaDir = useMediaDirectory();
   const newValues = useFormatting(topValue, {
     removeMarkdown: true,
     saveBreaklines: true,
     specialFunc: (text: string) => {
-      return text.slice(0, 280);
+      return text.slice(0, props.maximumCharacters || 10000) + '<mark class="bg-red-500" data-tooltip-id="tooltip" data-tooltip-content="This text will be cropped">' + text?.slice(props.maximumCharacters || 10000) + '</mark>';
     },
   });
 
@@ -61,9 +62,7 @@ export const GeneralPreviewComponent = () => {
                   @username
                 </div>
               </div>
-              <pre className={clsx('text-wrap', chakra.className)}>
-                {value.text}
-              </pre>
+              <pre className={clsx('text-wrap', chakra.className)} dangerouslySetInnerHTML={{__html: value.text}} />
               {!!value?.images?.length && (
                 <div className={clsx("w-full rounded-[16px] overflow-hidden mt-[12px]", value?.images?.length > 3 ? 'grid grid-cols-2 gap-[4px]' : 'flex gap-[4px]')}>
                   {value.images.map((image, index) => (
diff --git a/apps/frontend/src/components/launches/helpers/pick.platform.component.tsx b/apps/frontend/src/components/launches/helpers/pick.platform.component.tsx
index 0b3e1a8a..7baa14a9 100644
--- a/apps/frontend/src/components/launches/helpers/pick.platform.component.tsx
+++ b/apps/frontend/src/components/launches/helpers/pick.platform.component.tsx
@@ -65,7 +65,7 @@ export const PickPlatforms: FC<{
   useMoveToIntegrationListener(
     [integrations],
     props.singleSelect,
-    (identifier) => {
+    ({identifier, toPreview}: {identifier: string, toPreview: boolean}) => {
       const findIntegration = integrations.find((p) => p.id === identifier);
 
       if (findIntegration) {
diff --git a/apps/frontend/src/components/launches/helpers/use.formatting.ts b/apps/frontend/src/components/launches/helpers/use.formatting.ts
index 549d547d..be759f00 100644
--- a/apps/frontend/src/components/launches/helpers/use.formatting.ts
+++ b/apps/frontend/src/components/launches/helpers/use.formatting.ts
@@ -10,7 +10,7 @@ export const useFormatting = (
   params: {
     removeMarkdown?: boolean;
     saveBreaklines?: boolean;
-    specialFunc?: (text: string) => string;
+    specialFunc?: (text: string) => any;
     beforeSpecialFunc?: (text: string) => string;
   }
 ) => {
diff --git a/apps/frontend/src/components/launches/helpers/use.move.to.integration.tsx b/apps/frontend/src/components/launches/helpers/use.move.to.integration.tsx
index f277a976..0f192807 100644
--- a/apps/frontend/src/components/launches/helpers/use.move.to.integration.tsx
+++ b/apps/frontend/src/components/launches/helpers/use.move.to.integration.tsx
@@ -5,15 +5,15 @@ import { useCallback, useEffect } from 'react';
 
 const emitter = new EventEmitter();
 export const useMoveToIntegration = () => {
-  return useCallback((identifier: string) => {
-    emitter.emit('moveToIntegration', identifier);
+  return useCallback(({identifier, toPreview}: {identifier: string, toPreview?: boolean}) => {
+    emitter.emit('moveToIntegration', {identifier, toPreview});
   }, []);
 };
 
 export const useMoveToIntegrationListener = (
   useEffectParams: any[],
   enabled: boolean,
-  callback: (identifier: string) => void
+  callback: ({identifier, toPreview}: {identifier: string, toPreview: boolean}) => void
 ) => {
   useEffect(() => {
     if (!enabled) {
diff --git a/apps/frontend/src/components/launches/helpers/use.values.ts b/apps/frontend/src/components/launches/helpers/use.values.ts
index f3e18309..d156da9d 100644
--- a/apps/frontend/src/components/launches/helpers/use.values.ts
+++ b/apps/frontend/src/components/launches/helpers/use.values.ts
@@ -9,6 +9,7 @@ const finalInformation = {} as {
     trigger: () => Promise<boolean>;
     isValid: boolean;
     checkValidity?: (value: Array<Array<{path: string}>>) => Promise<string|true>;
+    maximumCharacters?: number;
   };
 };
 export const useValues = (
@@ -18,6 +19,7 @@ export const useValues = (
   value: Array<{ id?: string; content: string; media?: Array<string> }>,
   dto: any,
   checkValidity?: (value: Array<Array<{path: string}>>) => Promise<string|true>,
+  maximumCharacters?: number,
 ) => {
   const resolver = useMemo(() => {
     return classValidatorResolver(dto);
@@ -45,6 +47,10 @@ export const useValues = (
       checkValidity;
   }
 
+  if (maximumCharacters) {
+    finalInformation[integration].maximumCharacters = maximumCharacters;
+  }
+
   useEffect(() => {
     return () => {
       delete finalInformation[integration];
diff --git a/apps/frontend/src/components/launches/providers/facebook/facebook.provider.tsx b/apps/frontend/src/components/launches/providers/facebook/facebook.provider.tsx
index 664cfbec..d48209a0 100644
--- a/apps/frontend/src/components/launches/providers/facebook/facebook.provider.tsx
+++ b/apps/frontend/src/components/launches/providers/facebook/facebook.provider.tsx
@@ -129,4 +129,4 @@ const FacebookPreview: FC = (props) => {
   );
 };
 
-export default withProvider(null, FacebookPreview);
+export default withProvider(null, FacebookPreview, undefined, undefined, 63206);
diff --git a/apps/frontend/src/components/launches/providers/high.order.provider.tsx b/apps/frontend/src/components/launches/providers/high.order.provider.tsx
index 4971260a..e9e2dd06 100644
--- a/apps/frontend/src/components/launches/providers/high.order.provider.tsx
+++ b/apps/frontend/src/components/launches/providers/high.order.provider.tsx
@@ -72,7 +72,8 @@ export const withProvider = (
   SettingsComponent: FC | null,
   PreviewComponent: FC,
   dto?: any,
-  checkValidity?: (value: Array<Array<{path: string}>>) => Promise<string|true>
+  checkValidity?: (value: Array<Array<{path: string}>>) => Promise<string|true>,
+  maximumCharacters?: number
 ) => {
   return (props: {
     identifier: string;
@@ -115,9 +116,9 @@ export const withProvider = (
     }, [SettingsComponent]);
 
     // in case there is an error on submit, we change to the settings tab for the specific provider
-    useMoveToIntegrationListener([props.id], true, (identifier) => {
+    useMoveToIntegrationListener([props.id], true, ({identifier, toPreview}) => {
       if (identifier === props.id) {
-        setShowTab(2);
+        setShowTab(toPreview ? 1 : 2);
       }
     });
 
@@ -128,7 +129,8 @@ export const withProvider = (
       props.identifier,
       editInPlace ? InPlaceValue : props.value,
       dto,
-      checkValidity
+      checkValidity,
+      maximumCharacters
     );
 
     // change editor value
@@ -398,7 +400,7 @@ export const withProvider = (
                 {(editInPlace ? InPlaceValue : props.value)
                   .map((p) => p.content)
                   .join('').length ? (
-                  <GeneralPreviewComponent />
+                  <GeneralPreviewComponent maximumCharacters={maximumCharacters} />
                 ) : (
                   <>No Content Yet</>
                 )}
diff --git a/apps/frontend/src/components/launches/providers/instagram/instagram.provider.tsx b/apps/frontend/src/components/launches/providers/instagram/instagram.provider.tsx
index acd49934..80d11900 100644
--- a/apps/frontend/src/components/launches/providers/instagram/instagram.provider.tsx
+++ b/apps/frontend/src/components/launches/providers/instagram/instagram.provider.tsx
@@ -138,5 +138,6 @@ export default withProvider(
     }
 
     return true;
-  }
+  },
+  2200
 );
diff --git a/apps/frontend/src/components/launches/providers/linkedin/linkedin.provider.tsx b/apps/frontend/src/components/launches/providers/linkedin/linkedin.provider.tsx
index 7afb78f5..5e2cf0f9 100644
--- a/apps/frontend/src/components/launches/providers/linkedin/linkedin.provider.tsx
+++ b/apps/frontend/src/components/launches/providers/linkedin/linkedin.provider.tsx
@@ -129,4 +129,4 @@ const LinkedinPreview: FC = (props) => {
   );
 };
 
-export default withProvider(null, LinkedinPreview);
+export default withProvider(null, LinkedinPreview, undefined, undefined, 3000);
diff --git a/apps/frontend/src/components/launches/providers/pinterest/pinterest.provider.tsx b/apps/frontend/src/components/launches/providers/pinterest/pinterest.provider.tsx
index 3f609308..9a91e60d 100644
--- a/apps/frontend/src/components/launches/providers/pinterest/pinterest.provider.tsx
+++ b/apps/frontend/src/components/launches/providers/pinterest/pinterest.provider.tsx
@@ -203,5 +203,6 @@ export default withProvider(
     }
 
     return true;
-  }
+  },
+  500
 );
diff --git a/apps/frontend/src/components/launches/providers/reddit/reddit.provider.tsx b/apps/frontend/src/components/launches/providers/reddit/reddit.provider.tsx
index cd59a68f..cb222f47 100644
--- a/apps/frontend/src/components/launches/providers/reddit/reddit.provider.tsx
+++ b/apps/frontend/src/components/launches/providers/reddit/reddit.provider.tsx
@@ -202,4 +202,4 @@ const RedditSettings: FC = () => {
   );
 };
 
-export default withProvider(RedditSettings, RedditPreview, RedditSettingsDto);
+export default withProvider(RedditSettings, RedditPreview, RedditSettingsDto, undefined, 10000);
diff --git a/apps/frontend/src/components/launches/providers/threads/threads.provider.tsx b/apps/frontend/src/components/launches/providers/threads/threads.provider.tsx
index 3e86259a..176ade66 100644
--- a/apps/frontend/src/components/launches/providers/threads/threads.provider.tsx
+++ b/apps/frontend/src/components/launches/providers/threads/threads.provider.tsx
@@ -134,5 +134,6 @@ export default withProvider(
   undefined,
   async ([firstPost, ...otherPosts]) => {
     return true;
-  }
+  },
+  500
 );
diff --git a/apps/frontend/src/components/launches/providers/tiktok/tiktok.provider.tsx b/apps/frontend/src/components/launches/providers/tiktok/tiktok.provider.tsx
index 2a1c7e2f..a58e05ec 100644
--- a/apps/frontend/src/components/launches/providers/tiktok/tiktok.provider.tsx
+++ b/apps/frontend/src/components/launches/providers/tiktok/tiktok.provider.tsx
@@ -276,5 +276,6 @@ export default withProvider(
     }
 
     return true;
-  }
+  },
+  2200
 );
diff --git a/apps/frontend/src/components/launches/providers/x/x.provider.tsx b/apps/frontend/src/components/launches/providers/x/x.provider.tsx
index ed2f65b0..f90e606b 100644
--- a/apps/frontend/src/components/launches/providers/x/x.provider.tsx
+++ b/apps/frontend/src/components/launches/providers/x/x.provider.tsx
@@ -102,4 +102,4 @@ const XPreview: FC = (props) => {
   );
 };
 
-export default withProvider(null, XPreview);
+export default withProvider(null, XPreview, undefined, undefined, 280);
diff --git a/apps/frontend/src/components/launches/providers/youtube/youtube.provider.tsx b/apps/frontend/src/components/launches/providers/youtube/youtube.provider.tsx
index 9d7bad31..0f23ffac 100644
--- a/apps/frontend/src/components/launches/providers/youtube/youtube.provider.tsx
+++ b/apps/frontend/src/components/launches/providers/youtube/youtube.provider.tsx
@@ -185,5 +185,6 @@ export default withProvider(
     }
 
     return true;
-  }
+  },
+  5000
 );