diff --git a/package-lock.json b/package-lock.json
index 8f3a244a9..eea086d32 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "zesty-website",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "zesty-website",
-      "version": "1.0.17",
+      "version": "1.0.18",
       "dependencies": {
         "@codemirror/lang-javascript": "^6.2.1",
         "@codemirror/view": "^6.21.2",
diff --git a/package.json b/package.json
index 33ef77973..0460ef3cc 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "zesty-website",
   "author": "Zesty.io Platform Inc.",
   "email": "marketing@zesty.io",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "private": true,
   "scripts": {
     "dev": "NODE_OPTIONS='--inspect' next dev",
diff --git a/src/views/zesty/Article.js b/src/views/zesty/Article.js
index d2610f5bf..d0d26522d 100644
--- a/src/views/zesty/Article.js
+++ b/src/views/zesty/Article.js
@@ -55,6 +55,7 @@ import { getCookie, hasCookie, setCookie } from 'cookies-next';
 
 function Article({ content }) {
   const [newContent, setNewContent] = useState(content.article);
+  const [isClient, setIsClient] = useState(false);
   const [relatedArticles, setRelatedArticles] = useState([]);
   const { palette } = useTheme();
 
@@ -120,7 +121,7 @@ function Article({ content }) {
     setRelatedArticles(
       getRelatedArticles(content?.related_articles, latestArticles),
     );
-    console.log(content);
+    setIsClient(true); // set inline styling in client not in server
   }, [latestArticles]);
 
   const verifyPathnameInCookie = (path) => {
@@ -206,6 +207,25 @@ function Article({ content }) {
     setShowPopup,
   };
 
+  const inlineStyles = isClient
+    ? `
+p img[style*="float:left"],  p img[style*="float: left"] {
+  margin-top: 0;
+  width: auto !important;
+}
+
+p img[style*="float:right"],  p img[style*="float: right"] {
+  margin-top: 0;
+  width: auto !important;
+}
+
+p img {
+  margin-top: 48px;
+  width: 100%;
+}
+}`
+    : ``;
+
   return (
     <Box sx={{ position: 'relative' }}>
       <ThemeProvider theme={() => revampTheme(palette.mode)}>
@@ -239,6 +259,7 @@ function Article({ content }) {
               },
             })}
           >
+            <style>{inlineStyles}</style>
             <MuiMarkdown
               options={{
                 overrides: {
@@ -464,12 +485,6 @@ function Article({ content }) {
                   },
                   img: {
                     component: 'img',
-                    props: {
-                      style: {
-                        marginTop: '48px',
-                        width: '100%',
-                      },
-                    },
                   },
                   iframe: {
                     component: ({ children, ...props }) => (