diff --git a/packages/bruno-app/src/components/CollectionSettings/Auth/index.js b/packages/bruno-app/src/components/CollectionSettings/Auth/index.js
index aa608ef6e..38a958e93 100644
--- a/packages/bruno-app/src/components/CollectionSettings/Auth/index.js
+++ b/packages/bruno-app/src/components/CollectionSettings/Auth/index.js
@@ -38,9 +38,9 @@ const Auth = ({ collection }) => {
 
   return (
     <StyledWrapper className="w-full h-full">
-      <div className="text-sm mb-6">
-        Configures authentication for the entire collection. This applies to all requests using the 'Inherit' option in
-        the 'Auth' tab, as well as any new requests added to this collection.
+      <div className="text-xs mb-4 text-muted">
+        Configures authentication for the entire collection. This applies to all requests using the{' '}
+        <span className="font-medium">Inherit</span> option in the <span className="font-medium">Auth</span> tab.
       </div>
       <div className="flex flex-grow justify-start items-center">
         <AuthMode collection={collection} />
diff --git a/packages/bruno-app/src/components/CollectionSettings/ClientCertSettings/index.js b/packages/bruno-app/src/components/CollectionSettings/ClientCertSettings/index.js
index 084e4acee..f92e4cf26 100644
--- a/packages/bruno-app/src/components/CollectionSettings/ClientCertSettings/index.js
+++ b/packages/bruno-app/src/components/CollectionSettings/ClientCertSettings/index.js
@@ -31,7 +31,7 @@ const ClientCertSettings = ({ clientCertConfig, onUpdate, onRemove }) => {
 
   return (
     <StyledWrapper className="w-full h-full">
-      <div className="text-sm mb-6">Add client certificates to be used for specific domains.</div>
+      <div className="text-xs mb-4 text-muted">Add client certificates to be used for specific domains.</div>
 
       <h1 className="font-semibold">Client Certificates</h1>
       <ul className="mt-4">
diff --git a/packages/bruno-app/src/components/CollectionSettings/Headers/index.js b/packages/bruno-app/src/components/CollectionSettings/Headers/index.js
index 91639b392..718a38bd5 100644
--- a/packages/bruno-app/src/components/CollectionSettings/Headers/index.js
+++ b/packages/bruno-app/src/components/CollectionSettings/Headers/index.js
@@ -64,7 +64,9 @@ const Headers = ({ collection }) => {
 
   return (
     <StyledWrapper className="h-full w-full">
-      <div className="text-sm mb-6">Add request headers that will be sent with every request in this collection.</div>
+      <div className="text-xs mb-4 text-muted">
+        Add request headers that will be sent with every request in this collection.
+      </div>
       <table>
         <thead>
           <tr>
diff --git a/packages/bruno-app/src/components/CollectionSettings/Info/index.js b/packages/bruno-app/src/components/CollectionSettings/Info/index.js
index d0685ebc0..42bd74db0 100644
--- a/packages/bruno-app/src/components/CollectionSettings/Info/index.js
+++ b/packages/bruno-app/src/components/CollectionSettings/Info/index.js
@@ -23,7 +23,7 @@ function countRequests(items) {
 const Info = ({ collection }) => {
   return (
     <StyledWrapper className="w-full flex flex-col h-full">
-      <div className="text-sm mb-6">General information about the collection.</div>
+      <div className="text-xs mb-4 text-muted">General information about the collection.</div>
       <table className="w-full border-collapse">
         <tbody>
           <tr className="">
diff --git a/packages/bruno-app/src/components/CollectionSettings/Presets/index.js b/packages/bruno-app/src/components/CollectionSettings/Presets/index.js
index 474fdf0b5..734bd90ef 100644
--- a/packages/bruno-app/src/components/CollectionSettings/Presets/index.js
+++ b/packages/bruno-app/src/components/CollectionSettings/Presets/index.js
@@ -28,7 +28,7 @@ const PresetsSettings = ({ collection }) => {
 
   return (
     <StyledWrapper className="h-full w-full">
-      <div className="text-sm mb-6">
+      <div className="text-xs mb-4 text-muted">
         These presets will be used as the default values for new requests in this collection.
       </div>
       <form className="bruno-form" onSubmit={formik.handleSubmit}>
diff --git a/packages/bruno-app/src/components/CollectionSettings/ProxySettings/index.js b/packages/bruno-app/src/components/CollectionSettings/ProxySettings/index.js
index d92268915..fda2b51c6 100644
--- a/packages/bruno-app/src/components/CollectionSettings/ProxySettings/index.js
+++ b/packages/bruno-app/src/components/CollectionSettings/ProxySettings/index.js
@@ -96,7 +96,7 @@ const ProxySettings = ({ proxyConfig, onUpdate }) => {
 
   return (
     <StyledWrapper className="h-full w-full">
-      <div className="text-sm mb-6">Configure proxy settings for this collection.</div>
+      <div className="text-xs mb-4 text-muted">Configure proxy settings for this collection.</div>
       <form className="bruno-form" onSubmit={formik.handleSubmit}>
         <div className="mb-3 flex items-center">
           <label className="settings-label flex items-center" htmlFor="enabled">
diff --git a/packages/bruno-app/src/components/CollectionSettings/Script/index.js b/packages/bruno-app/src/components/CollectionSettings/Script/index.js
index 42c109240..84af056f6 100644
--- a/packages/bruno-app/src/components/CollectionSettings/Script/index.js
+++ b/packages/bruno-app/src/components/CollectionSettings/Script/index.js
@@ -39,7 +39,7 @@ const Script = ({ collection }) => {
 
   return (
     <StyledWrapper className="w-full flex flex-col h-full">
-      <div className="text-sm mb-6">
+      <div className="text-xs mb-4 text-muted">
         Write pre and post-request scripts that will run before and after any request in this collection is sent.
       </div>
       <div className="flex-1 mt-2">
diff --git a/packages/bruno-app/src/components/CollectionSettings/Tests/index.js b/packages/bruno-app/src/components/CollectionSettings/Tests/index.js
index ec4b405ea..c23294c74 100644
--- a/packages/bruno-app/src/components/CollectionSettings/Tests/index.js
+++ b/packages/bruno-app/src/components/CollectionSettings/Tests/index.js
@@ -27,7 +27,7 @@ const Tests = ({ collection }) => {
 
   return (
     <StyledWrapper className="w-full flex flex-col h-full">
-      <div className="text-sm mb-6">These tests will run any time a request in this collection is sent.</div>
+      <div className="text-xs mb-4 text-muted">These tests will run any time a request in this collection is sent.</div>
       <CodeEditor
         collection={collection}
         value={tests || ''}
diff --git a/packages/bruno-app/src/globalStyles.js b/packages/bruno-app/src/globalStyles.js
index 1add03cfb..c2b167813 100644
--- a/packages/bruno-app/src/globalStyles.js
+++ b/packages/bruno-app/src/globalStyles.js
@@ -9,6 +9,9 @@ const GlobalStyle = createGlobalStyle`
   .text-link {
     color: ${(props) => props.theme.textLink};
   }
+  .text-muted {
+    color: ${(props) => props.theme.colors.text.muted};
+  }
 
   .btn {
     text-align: center;
diff --git a/packages/bruno-app/src/themes/light.js b/packages/bruno-app/src/themes/light.js
index f359309ab..a130f2513 100644
--- a/packages/bruno-app/src/themes/light.js
+++ b/packages/bruno-app/src/themes/light.js
@@ -8,7 +8,7 @@ const lightTheme = {
     text: {
       green: '#047857',
       danger: 'rgb(185, 28, 28)',
-      muted: '#4b5563',
+      muted: '#838383',
       purple: '#8e44ad',
       yellow: '#d97706'
     },