diff --git a/frontend/src/assets/styles/index.scss b/frontend/src/assets/styles/index.scss
index e01fc37a..8bab8500 100644
--- a/frontend/src/assets/styles/index.scss
+++ b/frontend/src/assets/styles/index.scss
@@ -272,6 +272,8 @@ button {
   --action-button-hover-border: #2f7988;
   --color-splitter: #212125;
   --color-splitter-hover: #2b444d;
+  --switchwrapper-border-color: #444;
+  --switchindicator-background-color: #2ccbe599;
   --status-color-running: #3CDEF8;
   --status-color-finished: #00D59A;
   --status-color-error: #FF6173;
diff --git a/frontend/src/common/ui-components/common/ToggleSwitch/ToggleSwitch.module.scss b/frontend/src/common/ui-components/common/ToggleSwitch/ToggleSwitch.module.scss
index 8ffab88b..94d554d1 100644
--- a/frontend/src/common/ui-components/common/ToggleSwitch/ToggleSwitch.module.scss
+++ b/frontend/src/common/ui-components/common/ToggleSwitch/ToggleSwitch.module.scss
@@ -1,26 +1,35 @@
-.firstRowWrapper {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
 .switchWrapper {
-  display: flex;
-  gap: 8px;
-  padding: 4px;
+  display: inline-flex;
+  border: 1px solid var(--switchwrapper-border-color);
   border-radius: 31px;
-  border: 1px solid var(--border, #42424C);
+  overflow: hidden;
 }
 
 .switchOption {
-  padding: 6px 12px;
-  border-radius: 16px;
+  position: relative;
+  flex: 1;
+  text-align: center;
   cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  border-radius: 31px;
   transition: background 0.3s ease;
-  color: #b0b0b0;
 }
 
-.selected {
-  background: rgb(44 203 229 / 60%);
+.optionLabel {
+  position: relative;
+  display: inline-block;
+  padding: 4px 12px;
+}
+
+.switchIndicator {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--switchindicator-background-color);
+}
+
+.active {
   color: white;
 }
diff --git a/frontend/src/common/ui-components/common/ToggleSwitch/ToggleSwitch.tsx b/frontend/src/common/ui-components/common/ToggleSwitch/ToggleSwitch.tsx
index b9c68e69..24eaf491 100644
--- a/frontend/src/common/ui-components/common/ToggleSwitch/ToggleSwitch.tsx
+++ b/frontend/src/common/ui-components/common/ToggleSwitch/ToggleSwitch.tsx
@@ -1,23 +1,24 @@
 import styles from "./ToggleSwitch.module.scss";
 
 interface IToggleSwitchProps {
-  title: string;
   activeTab: string;
   setActiveTab: (a: string) => void;
+  options: { label: string; value: string }[];
 }
 
-const ToggleSwitch = ({ title, activeTab, setActiveTab }: IToggleSwitchProps) => {
+const ToggleSwitch = ({ activeTab, setActiveTab, options }: IToggleSwitchProps) => {
   return (
-    <div className={styles.firstRowWrapper}>
-      <h1>{title}</h1>
-      <div className={styles.switchWrapper}>
-        <div className={`${styles.switchOption} ${activeTab === "live" ? styles.selected : ""}`} onClick={() => setActiveTab("live")}>
-          Live
+    <div className={styles.switchWrapper}>
+      {options.map((option) => (
+        <div
+          key={option.value}
+          className={`${styles.switchOption} ${activeTab === option.value ? styles.active : ""}`}
+          onClick={() => setActiveTab(option.value)}
+        >
+          {activeTab === option.value && <span className={styles.switchIndicator}></span>}
+          <span className={styles.optionLabel}>{option.label}</span>
         </div>
-        <div className={`${styles.switchOption} ${activeTab === "final" ? styles.selected : ""}`} onClick={() => setActiveTab("final")}>
-          Final
-        </div>
-      </div>
+      ))}
     </div>
   );
 };
diff --git a/frontend/src/modules/Data/components/JSONEditor.module.scss b/frontend/src/modules/Data/components/JSONEditor.module.scss
index f91cc254..b8069c56 100644
--- a/frontend/src/modules/Data/components/JSONEditor.module.scss
+++ b/frontend/src/modules/Data/components/JSONEditor.module.scss
@@ -14,6 +14,18 @@
   line-height: normal;
 }
 
+.titleRow {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: 10px;
+  padding-bottom: 5px;
+}
+
+.titleNoMargin {
+  margin: 0;
+}
+
 .switchWrapper {
   display: flex;
   vertical-align: middle;
diff --git a/frontend/src/modules/Data/components/JSONEditor.tsx b/frontend/src/modules/Data/components/JSONEditor.tsx
index d365ec85..2b870eb0 100644
--- a/frontend/src/modules/Data/components/JSONEditor.tsx
+++ b/frontend/src/modules/Data/components/JSONEditor.tsx
@@ -1,4 +1,6 @@
 import React, { ChangeEvent, useEffect, useState } from "react";
+/* eslint-disable css-modules/no-unused-class */
+import styles from "./JSONEditor.module.scss";
 import jp from "jsonpath";
 import { defineDataType, JsonViewer, Path } from "@textea/json-viewer";
 import InputField from "../../../common/ui-components/common/Input/InputField";
@@ -137,7 +139,19 @@ export const JSONEditor = ({ title, jsonDataProp, height, showSearch = true, tog
       }}
     >
       {!toggleSwitch && <h1 style={{ paddingTop: "10px", paddingBottom: "5px" }}>{title}</h1>}
-      {toggleSwitch && <ToggleSwitch title={title} activeTab={activeTab} setActiveTab={setActiveTab} />}
+      {toggleSwitch && (
+      <div className={styles.titleRow}>
+        <h1 className={styles.titleNoMargin}>{title}</h1>
+          <ToggleSwitch
+            activeTab={activeTab}
+            setActiveTab={setActiveTab}
+            options={[
+              { label: "Live", value: "live" },
+              { label: "Final", value: "final" },
+            ]}
+          />
+        </div>
+      )}
       {showSearch && (
         <InputField value={searchTerm} title={"Search"} onChange={(_e, event) => handleSearch(event.target.value, event)}></InputField>
       )}
diff --git a/frontend/src/modules/GraphLibrary/GraphLibrary.module.scss b/frontend/src/modules/GraphLibrary/GraphLibrary.module.scss
index cd169d52..a965233f 100644
--- a/frontend/src/modules/GraphLibrary/GraphLibrary.module.scss
+++ b/frontend/src/modules/GraphLibrary/GraphLibrary.module.scss
@@ -30,6 +30,14 @@
 
 .buttonWrapper {
   align-content: center;
+
+  &:hover {
+    opacity: 0.8;
+  }
+
+  &:active {
+    opacity: 0.6;
+  }
 }
 
 .listWrapper {
diff --git a/frontend/src/modules/GraphLibrary/components/GraphElement/GraphElement.tsx b/frontend/src/modules/GraphLibrary/components/GraphElement/GraphElement.tsx
index 46af5c2e..6bd2b3da 100644
--- a/frontend/src/modules/GraphLibrary/components/GraphElement/GraphElement.tsx
+++ b/frontend/src/modules/GraphLibrary/components/GraphElement/GraphElement.tsx
@@ -39,7 +39,7 @@ export const GraphElement: React.FC<ICalibrationGraphElementProps> = ({ calibrat
     setLastRunInfo,
     fetchWorkflowGraph,
   } = useGraphContext();
-  const { openTab } = useFlexLayoutContext();
+  const { openTab, setGraphTab } = useFlexLayoutContext();
 
   const updateParameter = (paramKey: string, newValue: boolean | number | string, workflow?: NodeDTO | GraphWorkflow) => {
     const updatedParameters = {
@@ -121,6 +121,7 @@ export const GraphElement: React.FC<ICalibrationGraphElementProps> = ({ calibrat
       const response = await GraphLibraryApi.submitWorkflow(selectedWorkflowName, transformDataForSubmit());
       if (response.isOk) {
         openTab("graph-status");
+        setGraphTab("active");
       } else {
         setErrorObject(response.error);
       }
diff --git a/frontend/src/modules/GraphLibrary/index.tsx b/frontend/src/modules/GraphLibrary/index.tsx
index 0eb620c9..736cc75b 100644
--- a/frontend/src/modules/GraphLibrary/index.tsx
+++ b/frontend/src/modules/GraphLibrary/index.tsx
@@ -5,7 +5,7 @@ import { GraphContextProvider, useGraphContext } from "./context/GraphContext";
 import { GraphList } from "./components/GraphList";
 import { SelectionContextProvider } from "../common/context/SelectionContext";
 import { useFlexLayoutContext } from "../../routing/flexLayout/FlexLayoutContext";
-import BlueButton from "../../ui-lib/components/Button/BlueButton";
+import RefreshIcon from "../../ui-lib/Icons/RefreshIcon";
 
 export const GraphLibrary = () => {
   const { fetchAllCalibrationGraphs } = useGraphContext();
@@ -13,7 +13,7 @@ export const GraphLibrary = () => {
   const GraphLibraryTopBarRefreshButton = () => {
     return (
       <div className={styles.buttonWrapper}>
-        <BlueButton onClick={() => fetchAllCalibrationGraphs(true)}>Refresh</BlueButton>
+        <button onClick={() => fetchAllCalibrationGraphs(true)} title="Refresh graph parameters"> <RefreshIcon /> </button>
       </div>
     );
   };
diff --git a/frontend/src/modules/Nodes/NodesPage.module.scss b/frontend/src/modules/Nodes/NodesPage.module.scss
index c33e63ed..b0f2760b 100644
--- a/frontend/src/modules/Nodes/NodesPage.module.scss
+++ b/frontend/src/modules/Nodes/NodesPage.module.scss
@@ -57,6 +57,14 @@
   display: flex;
   background-color: #28292F;
   align-self: center;
+
+  &:hover {
+    opacity: 0.8;
+  }
+
+  &:active {
+    opacity: 0.6;
+  }
 }
 
 .nodeElementListWrapper {
diff --git a/frontend/src/modules/Nodes/index.tsx b/frontend/src/modules/Nodes/index.tsx
index 23e038a9..f1fb5fe6 100644
--- a/frontend/src/modules/Nodes/index.tsx
+++ b/frontend/src/modules/Nodes/index.tsx
@@ -6,8 +6,8 @@ import { NodeElementList } from "./components/NodeElement/NodeElementList";
 import { RunningJob } from "./components/RunningJob/RunningJob";
 import { Results } from "./components/Results/Results";
 import { SelectionContextProvider } from "../common/context/SelectionContext";
-import BlueButton from "../../ui-lib/components/Button/BlueButton";
 import { useFlexLayoutContext } from "../../routing/flexLayout/FlexLayoutContext";
+import RefreshIcon from "../../ui-lib/Icons/RefreshIcon";
 
 export const NodesPage = () => {
   const { allNodes, runningNodeInfo, fetchAllNodes } = useNodesContext();
@@ -15,7 +15,7 @@ export const NodesPage = () => {
   const NodeTopBarRefreshButton = () => {
     return (
       <div className={styles.refreshButtonWrapper} data-testid="refresh-button">
-        <BlueButton onClick={() => fetchAllNodes()}>Refresh</BlueButton>
+        <button onClick={() => fetchAllNodes()} title="Refresh node parameters"> <RefreshIcon /> </button>
       </div>
     );
   };
diff --git a/frontend/src/modules/SidebarMenu/SidebarMenu.tsx b/frontend/src/modules/SidebarMenu/SidebarMenu.tsx
index 6de49f2f..f0ed1ab5 100644
--- a/frontend/src/modules/SidebarMenu/SidebarMenu.tsx
+++ b/frontend/src/modules/SidebarMenu/SidebarMenu.tsx
@@ -11,10 +11,12 @@ import QUAlibrateLogoIcon from "../../ui-lib/Icons/QUAlibrateLogoIcon";
 import QUAlibrateLogoSmallIcon from "../../ui-lib/Icons/QualibrateLogoSmall";
 import ExpandSideMenuIcon from "../../ui-lib/Icons/ExpandSideMenuIcon";
 import CollapseSideMenuIcon from "../../ui-lib/Icons/CollapseSideMenuIcon";
+import { useFlexLayoutContext } from "../../routing/flexLayout/FlexLayoutContext";
 
 const SidebarMenu: React.FunctionComponent = () => {
   const { pinSideMenu } = useContext(GlobalThemeContext) as GlobalThemeContextState;
   const [minify, setMinify] = useState(true);
+  const { openTab, graphTab } = useFlexLayoutContext();
   const [selectedMenuItem, setSelectedMenuItem] = useState<ModuleKey>(NODES_KEY);
 
   const containerClassName = classNames(styles.sidebarMenu, minify ? styles.collapsed : styles.expanded);
@@ -34,19 +36,28 @@ const SidebarMenu: React.FunctionComponent = () => {
           {minify ? <QUAlibrateLogoSmallIcon /> : <QUAlibrateLogoIcon />}
         </button>
 
-        <div className={styles.menuContent}>
-          <div className={styles.menuUpperContent}>
-            {menuItems.map((item) => (
+      <div className={styles.menuContent}>
+        <div className={styles.menuUpperContent}>
+          {menuItems.filter((item) => !item.hidden).map((item) => {
+            const handleClick = () => {
+              setSelectedMenuItem(item.keyId);
+              if (item.keyId === "graph-library") {
+                openTab(graphTab === "run" ? "graph-library" : "graph-status");
+              }
+            };
+
+            return (
               <MenuItem
                 {...item}
                 key={item.keyId}
                 hideText={minify}
-                onClick={() => setSelectedMenuItem(item.keyId)}
+                onClick={handleClick}
                 isSelected={selectedMenuItem === item.keyId}
                 data-testid={`menu-item-${item.keyId}`}
               />
-            ))}
-          </div>
+            );
+          })}
+        </div>
 
           <div className={styles.menuBottomContent}>
             {bottomMenuItems.map((item) => {
diff --git a/frontend/src/modules/TopbarMenu/TitleBarGraphCard/TitleBarGraphCard.tsx b/frontend/src/modules/TopbarMenu/TitleBarGraphCard/TitleBarGraphCard.tsx
index d5aa7f2b..c32f6fc1 100644
--- a/frontend/src/modules/TopbarMenu/TitleBarGraphCard/TitleBarGraphCard.tsx
+++ b/frontend/src/modules/TopbarMenu/TitleBarGraphCard/TitleBarGraphCard.tsx
@@ -13,6 +13,7 @@ import { SnapshotsApi } from "../../Snapshots/api/SnapshotsApi";
 import { GraphItem, useWebSocketData } from "../../../contexts/WebSocketContext";
 
 const TitleBarGraphCard: React.FC = () => {
+  const { openTab, setGraphTab } = useFlexLayoutContext();
   const { runStatus } = useWebSocketData();
   const [node, setNode] = useState<LastRunStatusNodeResponseDTO>(fallbackNode);
   const [graph, setGraph] = useState<GraphItem>(fallbackGraph);
@@ -28,9 +29,12 @@ const TitleBarGraphCard: React.FC = () => {
     }
   }, [runStatus]);
 
-  const { openTab } = useFlexLayoutContext();
-  const handleClick = () => openTab(graph.status === "pending" ? "graph-library" : "graph-status");
-
+  const handleClick = () => {
+    const isPending = graph.status === "pending";
+    setGraphTab(isPending ? "run" : "active");
+    openTab(isPending ? "graph-library" : "graph-status");
+  };
+  
   const renderElapsedTime = (time: number) => (
     <div className={styles.stopAndTimeWrapper}>
       <div className={styles.timeRemaining}>
diff --git a/frontend/src/modules/TopbarMenu/TitleBarMenu.tsx b/frontend/src/modules/TopbarMenu/TitleBarMenu.tsx
index abcc53be..b30bfbc9 100644
--- a/frontend/src/modules/TopbarMenu/TitleBarMenu.tsx
+++ b/frontend/src/modules/TopbarMenu/TitleBarMenu.tsx
@@ -4,13 +4,38 @@ import { useFlexLayoutContext } from "../../routing/flexLayout/FlexLayoutContext
 import modulesMap from "../../routing/ModulesRegistry";
 import PageName from "../../common/ui-components/common/Page/PageName";
 import TitleBarGraphCard from "./TitleBarGraphCard/TitleBarGraphCard";
+import ToggleSwitch from "../../common/ui-components/common/ToggleSwitch/ToggleSwitch";
 
 const TitleBarMenu: React.FC = () => {
-  const { activeTab, topBarAdditionalComponents } = useFlexLayoutContext();
+  const { activeTab, topBarAdditionalComponents, openTab, graphTab, setGraphTab } = useFlexLayoutContext();
+
+  const handleTabChange = (value: string) => {
+    setGraphTab(value);
+    if (value === "run") openTab("graph-library");
+    else openTab("graph-status");
+  };
+  
   return (
     <div className={styles.wrapper}>
-      <PageName>{modulesMap[activeTab ?? ""]?.menuItem?.title ?? ""}</PageName>
-      {topBarAdditionalComponents && topBarAdditionalComponents[activeTab ?? ""]}
+      <div className={styles.topBarRow}>
+        <div className={styles.titleAndControls}>
+          <PageName>{modulesMap[activeTab ?? ""]?.menuItem?.title ?? ""}</PageName>
+
+          {(activeTab === "graph-library" || activeTab === "graph-status") && (
+            <ToggleSwitch
+              activeTab={graphTab}
+              setActiveTab={handleTabChange}
+              options={[
+                { label: "Run graph", value: "run" },
+                { label: "Active graph", value: "active" },
+              ]}
+            />
+          )}
+
+          {topBarAdditionalComponents && topBarAdditionalComponents[activeTab ?? ""]}
+        </div>
+      </div>
+
       <div className={styles.menuCardsWrapper}>
         <TitleBarGraphCard />
       </div>
diff --git a/frontend/src/modules/TopbarMenu/styles/TitleBarMenu.module.scss b/frontend/src/modules/TopbarMenu/styles/TitleBarMenu.module.scss
index 1c8cf838..76ea19ee 100644
--- a/frontend/src/modules/TopbarMenu/styles/TitleBarMenu.module.scss
+++ b/frontend/src/modules/TopbarMenu/styles/TitleBarMenu.module.scss
@@ -14,11 +14,22 @@
 
 .menuCardsWrapper {
   display: flex;
+  align-items: center;
+  justify-content: flex-end;
   flex-wrap: wrap;
   gap: 12px;
-  margin-left: auto;
-  justify-content: flex-end;
   padding-right: 25px;
   margin-right: 25px;
 }
 
+.topBarRow {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 10px;
+}
+
+.titleAndControls {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
diff --git a/frontend/src/routing/ModulesRegistry.ts b/frontend/src/routing/ModulesRegistry.ts
index 3abdde28..340061ea 100644
--- a/frontend/src/routing/ModulesRegistry.ts
+++ b/frontend/src/routing/ModulesRegistry.ts
@@ -52,6 +52,7 @@ export type Module = {
     path?: string;
     dataCy?: string;
   };
+  hidden?: boolean;
   // onClick?: () => void;
 };
 
@@ -86,7 +87,7 @@ export const ModulesRegistry: Array<Module> = [
     Component: CalibrationGraph,
     menuItem: {
       sideBarTitle: "Graph Library",
-      title: "Run calibration graph",
+      title: "Calibration graph",
       icon: GraphLibraryIcon,
       dataCy: cyKeys.CALIBRATION_TAB,
     },
@@ -97,10 +98,11 @@ export const ModulesRegistry: Array<Module> = [
     Component: GraphStatus,
     menuItem: {
       sideBarTitle: "Graph Status",
-      title: "Graph Status",
+      title: "Calibration graph",
       icon: GraphStatusIcon,
       dataCy: cyKeys.NODES_TAB,
     },
+    hidden: true,
   },
   {
     keyId: DATA_KEY,
diff --git a/frontend/src/routing/flexLayout/FlexLayoutContext.tsx b/frontend/src/routing/flexLayout/FlexLayoutContext.tsx
index 0c575b91..d6681515 100644
--- a/frontend/src/routing/flexLayout/FlexLayoutContext.tsx
+++ b/frontend/src/routing/flexLayout/FlexLayoutContext.tsx
@@ -18,6 +18,8 @@ interface IFlexLayoutContext {
   setTopBarAdditionalComponents: (a: { [id: string]: React.JSX.Element } | undefined) => void;
   selectedPageName: ModuleKey | null;
   setSelectedPageName: (a: ModuleKey | null) => void;
+  graphTab: string;
+  setGraphTab: (tab: string) => void;
 }
 
 const FlexLayoutContext = React.createContext<IFlexLayoutContext | null>(null);
@@ -38,6 +40,7 @@ export function FlexLayoutContextProvider(props: PropsWithChildren<ReactNode | R
     | undefined
   >(undefined);
   const [selectedPageName, setSelectedPageName] = useState<ModuleKey | null>(null);
+  const [graphTab, setGraphTab] = useState<string>("run");
 
   useEffect(() => {
     // openTab("nodes");
@@ -47,10 +50,10 @@ export function FlexLayoutContextProvider(props: PropsWithChildren<ReactNode | R
   const handleIframeUrlSetup = (tab: ModuleKey) => {
     if (tab === "graph-status") {
       setSelectedPageName("graph-status");
-    } else if (tab === "nodes") {
-      setSelectedPageName("nodes");
     } else if (tab === "graph-library") {
       setSelectedPageName("graph-library");
+    } else if (tab === "nodes") {
+      setSelectedPageName("nodes");
     } else if (tab === "data") {
       setSelectedPageName("data");
     } else {
@@ -108,6 +111,8 @@ export function FlexLayoutContextProvider(props: PropsWithChildren<ReactNode | R
         setTopBarAdditionalComponents,
         selectedPageName,
         setSelectedPageName,
+        graphTab,
+        setGraphTab,
       }}
     >
       {children}
diff --git a/frontend/src/ui-lib/Icons/GraphLibraryIcon.tsx b/frontend/src/ui-lib/Icons/GraphLibraryIcon.tsx
index faab6479..ec0817ef 100644
--- a/frontend/src/ui-lib/Icons/GraphLibraryIcon.tsx
+++ b/frontend/src/ui-lib/Icons/GraphLibraryIcon.tsx
@@ -20,10 +20,6 @@ const GraphLibraryIcon: React.FC<{ width?: number; height?: number; className?:
         <circle cx="4.5" cy="4.5" r="3.5" stroke="#ffffff" strokeWidth="1.2" />
         <path d="M7 7L10.5 10" stroke="#ffffff" strokeWidth="1.5" />
         <path d="M15.5 14L18.5 17" stroke="#ffffff" strokeWidth="1.5" />
-        <path
-          d="M24.5 2.63398C25.1667 3.01888 25.1667 3.98113 24.5 4.36603L20.75 6.53109C20.0833 6.91599 19.25 6.43486 19.25 5.66506L19.25 1.33493C19.25 0.565134 20.0833 0.0840107 20.75 0.468911L24.5 2.63398Z"
-          fill="#18DAA4"
-        />
       </g>
       <defs>
         <clipPath id="clip0">
diff --git a/frontend/src/ui-lib/Icons/RefreshIcon.tsx b/frontend/src/ui-lib/Icons/RefreshIcon.tsx
new file mode 100644
index 00000000..b0cbc896
--- /dev/null
+++ b/frontend/src/ui-lib/Icons/RefreshIcon.tsx
@@ -0,0 +1,34 @@
+import React from "react";
+
+const RefreshButton: React.FC<{ onClick?: () => void }> = ({ onClick }) => {
+  return (
+    <button
+      onClick={onClick}
+      style={{
+        display: "flex",
+        width: "26px",
+        height: "26px",
+        padding: "4px 0px",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: "1px",
+        flexShrink: 0,
+        borderRadius: "31px",
+        border: "1px solid var(--border, #42424C)",
+        background: "none",
+        cursor: "pointer",
+      }}
+    >
+      <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
+        <mask id="mask0_4399_8326" style={{ maskType: "alpha" }} maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
+          <rect width="20" height="20" fill="#C4C4C4"/>
+        </mask>
+        <g mask="url(#mask0_4399_8326)">
+          <path d="M16.1767 10.1134C16.1761 9.12124 15.945 8.1846 15.5335 7.35099L14.2004 8.68414C14.3509 9.1331 14.4408 9.61141 14.4402 10.1103C14.4395 12.5999 12.4152 14.6243 9.92619 14.6243C7.4391 14.6224 5.41596 12.5993 5.41222 10.1103C5.41471 7.62136 7.43785 5.59822 9.92619 5.59635C9.93306 5.59572 9.9493 5.59947 9.95929 5.59822L9.96054 5.59947L9.96179 8.12104L13.6558 4.75564L9.96183 1.39028L9.96179 3.85982C9.94992 3.86294 9.93556 3.86357 9.92557 3.86232C6.47561 3.86169 3.67756 6.65975 3.67818 10.1097C3.67943 13.564 6.47561 16.3602 9.92932 16.3608C13.378 16.3602 16.178 13.564 16.1767 10.1134Z" fill="#A5ACB6"/>
+        </g>
+      </svg>
+    </button>
+  );
+};
+
+export default RefreshButton;