diff --git a/src/components/ParserOpenRPC/DetailsBox/RenderParams.tsx b/src/components/ParserOpenRPC/DetailsBox/RenderParams.tsx
index 94a5d40b985..bb42f3b3392 100644
--- a/src/components/ParserOpenRPC/DetailsBox/RenderParams.tsx
+++ b/src/components/ParserOpenRPC/DetailsBox/RenderParams.tsx
@@ -150,8 +150,9 @@ export const renderParamSchemas = (inputSchema, schemas) => {
     <>
       {inputSchema.map((item, i) => {
         return (
-          <div key={`${i}`} className={styles.borderTopLine}>
+          <div key={`${i}`}>
             {renderSchema(item, schemas, item.name)}
+            {i < inputSchema.length - 1 && <hr className={styles.paramSeparator} />}
           </div>
         );
       })}
diff --git a/src/components/ParserOpenRPC/DetailsBox/index.tsx b/src/components/ParserOpenRPC/DetailsBox/index.tsx
index 1f2b642a570..0c5d48bd838 100644
--- a/src/components/ParserOpenRPC/DetailsBox/index.tsx
+++ b/src/components/ParserOpenRPC/DetailsBox/index.tsx
@@ -49,13 +49,19 @@ export default function DetailsBox({
       )}
       <Heading as="h1">{method}</Heading>
       {summary !== null && (
-        <p style={{ marginBottom: "0.5rem" }}>
+        <p style={{ marginBottom: "0.5rem" }}
+           className={clsx("padding-bottom--md", styles.borderBottomLine)}
+        >
           <strong>Summary: </strong>
-          <MDContent content={summary} />
+          <span className={styles.summaryText}>
+            <MDContent content={summary} />
+          </span>
         </p>
       )}
       {description !== null && (
-        <MDContent content={description} />
+        <div className="padding-top--lg">
+          <MDContent content={description} />
+        </div>
       )}
       {extraContent && <div className="padding-top--lg">{extraContent}</div>}
       <Heading
@@ -67,27 +73,32 @@ export default function DetailsBox({
       >
         Parameters
       </Heading>
-      {params.length === 0 ? (
-        <div>This method does not accept any parameters</div>
-      ) : (
-        <>{params && renderParamSchemas(params, components)}</>
-      )}
+      <div className={styles.paramContainer}>
+        {params.length === 0 ? (
+          <div className="padding-vert--md">
+            This method doesn't accept any parameters.
+          </div>
+        ) : (
+          params && renderParamSchemas(params, components)
+        )}
+      </div>
       <Heading
         as="h2"
         className={clsx(
           styles.secondaryHeading,
-          styles.borderBottomLine,
           "padding-top--lg padding-vert--md",
         )}
       >
         Returns
       </Heading>
-      {result?.description && (
-        <div className="padding-vert--md">
-          <MDContent content={result.description} />
-        </div>
-      )}
-      {result && renderResultSchemas(result, components)}
+      <div className={styles.paramContainer}>
+        {result?.description && (
+          <div className="padding-vert--md">
+            <MDContent content={result.description} />
+          </div>
+        )}
+        {result && renderResultSchemas(result, components)}
+      </div>
     </>
   );
 }
diff --git a/src/components/ParserOpenRPC/DetailsBox/styles.module.css b/src/components/ParserOpenRPC/DetailsBox/styles.module.css
index c987038ca28..2ac856902e8 100644
--- a/src/components/ParserOpenRPC/DetailsBox/styles.module.css
+++ b/src/components/ParserOpenRPC/DetailsBox/styles.module.css
@@ -74,3 +74,23 @@
   border-radius: 6px;
   background-color: #ffcdd2;
 }
+
+.summaryText {
+  font-style: italic;
+  color: #6a737d;
+  font-weight: 400;
+}
+
+.paramContainer {
+  border: 1px solid #848c96;
+  border-radius: 8px;
+  padding: 1rem;
+  margin-top: 1rem;
+}
+
+.paramSeparator {
+  border: 0;
+  border-top: 1px solid #848c96;
+  margin: 1rem 0;
+  width: 100%;
+}