diff --git a/src/packages/@library/icons/ArrowUnfilled.svelte b/src/packages/@library/icons/ArrowUnfilled.svelte
new file mode 100644
index 000000000..9107b2f60
--- /dev/null
+++ b/src/packages/@library/icons/ArrowUnfilled.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+  export let width = "24px";
+  export let height = "24px";
+  export let color = "grey";
+</script>
+
+<svg
+  {width}
+  {height}
+  viewBox="0 0 14 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M6.29609 11.2086C6.68672 11.5992 7.32109 11.5992 7.71172 11.2086L12.7117 6.20859C13.1023 5.81797 13.1023 5.18359 12.7117 4.79297C12.3211 4.40234 11.6867 4.40234 11.2961 4.79297L7.00234 9.08672L2.70859 4.79609C2.31797 4.40547 1.68359 4.40547 1.29297 4.79609C0.902344 5.18672 0.902344 5.82109 1.29297 6.21172L6.29297 11.2117L6.29609 11.2086Z"
+    fill={color}
+  />
+</svg>
diff --git a/src/packages/@library/icons/index.ts b/src/packages/@library/icons/index.ts
index 9af311c4b..c23cb992f 100644
--- a/src/packages/@library/icons/index.ts
+++ b/src/packages/@library/icons/index.ts
@@ -21,3 +21,4 @@ export { default as CrossIcon } from "./Cross.svelte";
 export { default as AttachmentIcon } from "./Attachment.svelte";
 export { default as UploadIcon } from "./Upload.svelte";
 export { default as InfoIcon } from "./Info.svelte";
+export { default as ArrowUnfilledIcon} from "./ArrowUnfilled.svelte";
diff --git a/src/packages/@support/features/feedback-toast/layout/FeedbackToast.svelte b/src/packages/@support/features/feedback-toast/layout/FeedbackToast.svelte
index b63152276..4392c54b8 100644
--- a/src/packages/@support/features/feedback-toast/layout/FeedbackToast.svelte
+++ b/src/packages/@support/features/feedback-toast/layout/FeedbackToast.svelte
@@ -2,6 +2,7 @@
   import Ellipse from "@library/icons/Ellipse.svelte";
   import LogoSymbol from "@library/icons/LogoSymbol.svelte";
   import { Tooltip } from "@library/ui/tooltip";
+  import { ArrowUnfilledIcon } from "@library/icons";
 
   let activeTab = "feedback";
 
@@ -11,6 +12,7 @@
       activeTab = tab;
     }
   }
+  let isReadMore = false;
 </script>
 
 <div
@@ -31,7 +33,8 @@
       horizontalOffset="+ 200px"
       showArrow={false}
     >
-      <div style="padding-top: 11px;"
+      <div
+        style="padding-top: 11px;"
         class="tab {activeTab === 'faq' ? 'active' : ''}"
         on:click={() => setActiveTab("faq")}
       >
@@ -60,7 +63,7 @@
     </div>
 
     {#if activeTab === "feedback"}
-      <div class="content-section " style="padding-left: 17px;">
+      <div class="content-section" style="padding-left: 17px;">
         <h2 class="" style="padding: 16px, 10px, 10px, 10px;">
           <LogoSymbol height="25px" width="25px" />
           <div
@@ -85,45 +88,71 @@
           Your messages will appear instantly in our Discord channel, ensuring
           you get quick responses and can engage in real-time discussions.
         </p>
-        <div class="key-features">
-          <h3>Key Features</h3>
+        <div class="d-flex justify-content-center">
           <p
-            class="d-flex gap-2 align-items-center"
-            style="margin: 0px; color:var(--text-secondary-50);"
+            role="button"
+            class="d-flex align-items-center"
+            on:click={() => {
+              isReadMore = !isReadMore;
+            }}
           >
-            <span><Ellipse /> </span><span class="fw-bold"
-              >Switchable Channel:</span
-            ><span class="fw-light"
-              >Easily navigate between different feedback and support channels.</span
+            <span class="me-2 text-primary-300 text-fs-14"
+              >{!isReadMore ? "More" : "Less"}</span
             >
-          </p>
-          <p
-            class="d-flex gap-2 align-items-center"
-            style="margin: 0px;  color:var(--text-secondary-50);"
-          >
-            <span><Ellipse /> </span><span class="fw-bold"
-              >Rich media sharing:</span
-            ><span class="fw-light">
-              Share screenshots , videos and other files to provide
-              comprehensive feedback.</span
+            <span
+              class="position-relative d-inline-block"
+              style={!isReadMore ? "" : "transform: rotate(180deg) !important;"}
+              ><ArrowUnfilledIcon
+                height={"14px"}
+                width={"14px"}
+                color={"var(--text-primary-300)"}
+              /></span
             >
           </p>
-          <p
-            class="d-flex gap-2 align-items-center"
-            style="margin: 0px;  color:var(--text-secondary-50);"
-          >
-            <span><Ellipse /> </span><span class="fw-bold">Tagging: </span><span
+        </div>
+        {#if isReadMore}
+          <div class="key-features">
+            <h3>Key Features</h3>
+            <p
+              class="d-flex gap-2 align-items-center"
+              style="margin: 0px; color:var(--text-secondary-50);"
+            >
+              <span><Ellipse /> </span><span class="fw-bold"
+                >Switchable Channel:</span
+              ><span class="fw-light"
+                >Easily navigate between different feedback and support
+                channels.</span
+              >
+            </p>
+            <p
+              class="d-flex gap-2 align-items-center"
+              style="margin: 0px;  color:var(--text-secondary-50);"
+            >
+              <span><Ellipse /> </span><span class="fw-bold"
+                >Rich media sharing:</span
+              ><span class="fw-light">
+                Share screenshots , videos and other files to provide
+                comprehensive feedback.</span
+              >
+            </p>
+            <p
+              class="d-flex gap-2 align-items-center"
+              style="margin: 0px;  color:var(--text-secondary-50);"
+            >
+              <span><Ellipse /> </span><span class="fw-bold"
+                >Tagging:
+              </span><span class="fw-light"
+                >Tag your feedback for easy categorization and searchability.</span
+              >
+            </p>
+            <p
               class="fw-light"
-              >Tag your feedback for easy categorization and searchability.</span
+              style="margin: 0px; padding-left:17px;  color:var(--text-secondary-50);"
             >
-          </p>
-          <p
-            class="fw-light"
-            style="margin: 0px; padding-left:17px;  color:var(--text-secondary-50);"
-          >
-            Join our community and start contributing to Sparrow.
-          </p>
-        </div>
+              Join our community and start contributing to Sparrow.
+            </p>
+          </div>
+        {/if}
       </div>
     {/if}
   </div>
@@ -146,7 +175,6 @@
   }
 
   .tab {
-   
     width: 260px;
     display: flex;
     padding: 10px 20px;
@@ -167,7 +195,7 @@
     bottom: -2px;
     width: 100%;
     height: 2px;
-    border-bottom: 4px solid var(--text-primary-300 );
+    border-bottom: 4px solid var(--text-primary-300);
   }
 
   .feedback {
@@ -175,13 +203,13 @@
   }
   .feedback-section,
   .faq-section {
-    background:rgba(54, 112, 247, 0.2);
-  
+    background: rgba(54, 112, 247, 0.2);
+
     border: 1px solid;
     padding: 15px;
     margin-top: 10px;
     border-radius: 4px;
-    border-color: var( --bg-primary-600);
+    border-color: var(--bg-primary-600);
     display: none;
   }