diff --git a/app/client/packages/design-system/widgets/src/components/Markdown/src/components.tsx b/app/client/packages/design-system/widgets/src/components/Markdown/src/components.tsx
index 14c014fe1c0a..e74321e4aa94 100644
--- a/app/client/packages/design-system/widgets/src/components/Markdown/src/components.tsx
+++ b/app/client/packages/design-system/widgets/src/components/Markdown/src/components.tsx
@@ -2,8 +2,6 @@ import type { Components } from "react-markdown";
 
 import { a } from "./mdComponents/Link";
 import { code } from "./mdComponents/Code";
-import { p } from "./mdComponents/Paragraph";
-import { ul, ol, li } from "./mdComponents/List";
 import { h1, h2, h3, h4, h5, h6 } from "./mdComponents/Heading";
 
 export const components: Components = {
@@ -14,9 +12,5 @@ export const components: Components = {
   h4,
   h5,
   h6,
-  p,
-  ul,
-  ol,
-  li,
   code,
 };
diff --git a/app/client/packages/design-system/widgets/src/components/Markdown/src/mdComponents/List.tsx b/app/client/packages/design-system/widgets/src/components/Markdown/src/mdComponents/List.tsx
deleted file mode 100644
index aeaab257c800..000000000000
--- a/app/client/packages/design-system/widgets/src/components/Markdown/src/mdComponents/List.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from "react";
-import type { ExtraProps } from "react-markdown";
-
-type ULProps = React.ClassAttributes<HTMLUListElement> &
-  React.HTMLAttributes<HTMLUListElement> &
-  ExtraProps;
-
-export const ul = (props: ULProps) => {
-  const { children } = props;
-
-  return <ul data-component="ul">{children}</ul>;
-};
-
-type LIProps = React.ClassAttributes<HTMLLIElement> &
-  React.HTMLAttributes<HTMLLIElement> &
-  ExtraProps;
-
-export const li = (props: LIProps) => {
-  const { children } = props;
-
-  return <li>{children}</li>;
-};
-
-export const ol = (props: ULProps) => {
-  const { children } = props;
-
-  return <ol data-component="ol">{children}</ol>;
-};
diff --git a/app/client/packages/design-system/widgets/src/components/Markdown/src/mdComponents/Paragraph.tsx b/app/client/packages/design-system/widgets/src/components/Markdown/src/mdComponents/Paragraph.tsx
deleted file mode 100644
index 8d0e6bdf7287..000000000000
--- a/app/client/packages/design-system/widgets/src/components/Markdown/src/mdComponents/Paragraph.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React, { type Ref } from "react";
-import { Text } from "@appsmith/wds";
-import type { ExtraProps } from "react-markdown";
-
-type ParagraphProps = React.ClassAttributes<HTMLDivElement> &
-  React.HTMLAttributes<HTMLDivElement> &
-  ExtraProps;
-
-export const p = (props: ParagraphProps) => {
-  const { children, ref } = props;
-
-  return (
-    <Text
-      color="neutral"
-      data-component="p"
-      ref={ref as Ref<HTMLDivElement>}
-      size="body"
-    >
-      {children}
-    </Text>
-  );
-};
diff --git a/app/client/packages/design-system/widgets/src/components/Markdown/src/styles.module.css b/app/client/packages/design-system/widgets/src/components/Markdown/src/styles.module.css
index 48096c3a1264..96036ed4d177 100644
--- a/app/client/packages/design-system/widgets/src/components/Markdown/src/styles.module.css
+++ b/app/client/packages/design-system/widgets/src/components/Markdown/src/styles.module.css
@@ -74,26 +74,23 @@
     margin-bottom: var(--inner-spacing-1);
   }
 
-  [data-component="p"] {
-    margin-bottom: var(--inner-spacing-3);
-  }
-
   /* Lists */
   :is(ul, ol) {
     margin-top: var(--inner-spacing-2);
-    margin-bottom: var(--inner-spacing-4);
+    margin-bottom: var(--inner-spacing-3);
     padding-left: 0;
+    list-style: initial;
   }
 
   li {
     margin-bottom: var(--inner-spacing-2);
     margin-left: 1em;
     position: relative;
+    list-style-type: auto;
   }
 
-  [data-component="a"]:before,
-  [data-component="a"]:after {
-    content: none;
+  a {
+    display: inline-block;
   }
 
   [data-component="code"] {