diff --git a/apps/app/components/core/issues-view-filter.tsx b/apps/app/components/core/issues-view-filter.tsx
index 64c6f8cfe6..6856e8f8be 100644
--- a/apps/app/components/core/issues-view-filter.tsx
+++ b/apps/app/components/core/issues-view-filter.tsx
@@ -85,12 +85,14 @@ export const IssuesFilterView: React.FC = () => {
         </button>
         <button
           type="button"
-          className={`grid h-7 w-7 place-items-center rounded p-1 outline-none duration-300 hover:bg-brand-surface-2 ${
+          className={`grid h-7 w-7 place-items-center rounded outline-none duration-300 hover:bg-brand-surface-2 ${
             issueView === "gantt_chart" ? "bg-brand-surface-2" : ""
           }`}
           onClick={() => setIssueView("gantt_chart")}
         >
-          <ChartBarIcon className="h-4 w-4 text-brand-secondary" />
+          <span className="material-symbols-rounded text-brand-secondary text-[18px] rotate-90">
+            waterfall_chart
+          </span>
         </button>
       </div>
       <SelectFilters
diff --git a/apps/app/components/cycles/cycles-view.tsx b/apps/app/components/cycles/cycles-view.tsx
index 9f7ad3922b..c0a5da836b 100644
--- a/apps/app/components/cycles/cycles-view.tsx
+++ b/apps/app/components/cycles/cycles-view.tsx
@@ -97,12 +97,14 @@ export const CyclesView: React.FC<Props> = ({
           </button>
           <button
             type="button"
-            className={`grid h-7 w-7 place-items-center rounded p-1 outline-none duration-300 hover:bg-brand-surface-2 ${
+            className={`grid h-7 w-7 place-items-center rounded outline-none duration-300 hover:bg-brand-surface-2 ${
               cyclesView === "gantt_chart" ? "bg-brand-surface-2" : ""
             }`}
             onClick={() => setCyclesView("gantt_chart")}
           >
-            <ChartBarIcon className="h-4 w-4 text-brand-secondary" />
+            <span className="material-symbols-rounded text-brand-secondary text-[18px] rotate-90">
+              waterfall_chart
+            </span>
           </button>
         </div>
       </div>
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx b/apps/app/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx
index 4a9b2f2bbe..3fa24e3324 100644
--- a/apps/app/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx
+++ b/apps/app/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx
@@ -110,12 +110,14 @@ const ProjectModules: NextPage = () => {
                 </button>
                 <button
                   type="button"
-                  className={`grid h-7 w-7 place-items-center rounded p-1 outline-none duration-300 hover:bg-brand-surface-2 ${
+                  className={`grid h-7 w-7 place-items-center rounded outline-none duration-300 hover:bg-brand-surface-2 ${
                     modulesView === "gantt_chart" ? "bg-brand-surface-2" : ""
                   }`}
                   onClick={() => setModulesView("gantt_chart")}
                 >
-                  <ChartBarIcon className="h-4 w-4 text-brand-secondary" />
+                  <span className="material-symbols-rounded text-brand-secondary text-[18px] rotate-90">
+                    waterfall_chart
+                  </span>
                 </button>
               </div>
             </div>