diff --git a/src/components/AtmosWorkflow/index.tsx b/src/components/AtmosWorkflow/index.tsx
index 2e52486c8..b31c318cd 100644
--- a/src/components/AtmosWorkflow/index.tsx
+++ b/src/components/AtmosWorkflow/index.tsx
@@ -1,4 +1,4 @@
-// AtmosWorkflow.tsx
+// index.tsx
 
 import React, { useEffect, useState } from 'react';
 import CodeBlock from '@theme/CodeBlock';
@@ -39,9 +39,9 @@ export default function AtmosWorkflow({ workflow, stack = '', fileName }: AtmosW
           <code>{fullFilePath}</code> file:
         </Note>
         {workflowData?.description && (
-          <p>
+          <h4 className=".workflow-title">
             {workflowData.description}
-          </p>
+          </h4>
         )}
         <Steps>
           <ul>
@@ -49,7 +49,9 @@ export default function AtmosWorkflow({ workflow, stack = '', fileName }: AtmosW
               workflowData.steps.map((step, index) => (
                 <li key={index}>
                   {step.type === 'title' ? (
-                    <p>{step.content}</p>
+                    <p className=".workflow-title">
+                      {step.content}
+                    </p>
                   ) : (
                     <CodeBlock language="bash">{step.content}</CodeBlock>
                   )}
diff --git a/src/components/AtmosWorkflow/styles.css b/src/components/AtmosWorkflow/styles.css
new file mode 100644
index 000000000..77f65303a
--- /dev/null
+++ b/src/components/AtmosWorkflow/styles.css
@@ -0,0 +1,6 @@
+/* styles.css */
+
+.workflow-title {
+  font-size: 1.25em;
+  color: #2c3e50;
+}