diff --git a/src/assets/images/arc.png b/src/assets/images/arc.png
new file mode 100644
index 00000000..f0b1a1ae
Binary files /dev/null and b/src/assets/images/arc.png differ
diff --git a/src/assets/images/cells.png b/src/assets/images/cells.png
new file mode 100644
index 00000000..5734da2d
Binary files /dev/null and b/src/assets/images/cells.png differ
diff --git a/src/assets/images/data-flow.png b/src/assets/images/data-flow.png
new file mode 100644
index 00000000..6cc4a923
Binary files /dev/null and b/src/assets/images/data-flow.png differ
diff --git a/src/examples/Button/ThreeWayToggle/index.tsx b/src/examples/Button/ThreeWayToggle/index.tsx
index cfe3803e..c7970cb4 100644
--- a/src/examples/Button/ThreeWayToggle/index.tsx
+++ b/src/examples/Button/ThreeWayToggle/index.tsx
@@ -3,6 +3,9 @@ import ToggleButton from '@mui/material/ToggleButton';
 import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
 import ModelTable from '../../../pages/ModelOfInterest/ModelDisplay/ModelTable';
 import SearchVoiList from '../../../pages/VulnerabilityOfInterest/VoiTable/SearchVoiList';
+import graphIcon from "../../../assets/images/data-flow.png"
+import tableIcon from "../../../assets/images/cells.png"
+import arcIcon from "../../../assets/images/arc.png"
 
 function switchView(viewValue:any, filteredCveReport: any, filterName: any, handleFilterByName: any) {
   switch (viewValue) {
@@ -46,9 +49,9 @@ export default function ThreeWayToggleButton({filteredCveReport, filterName, han
       aria-label="Platform"
       style={{ float: 'right', paddingTop: "2%", paddingRight: "1%"}}
     >
-      <ToggleButton style={{ color: "black", fontWeight: "bold" }} value="table">Table</ToggleButton>
-      <ToggleButton style={{ color: "black", fontWeight: "bold" }} value="graph">Graph</ToggleButton>
-      <ToggleButton style={{ color: "black", fontWeight: "bold" }} value="arc">Arc</ToggleButton>
+      <ToggleButton style={{ color: "black", fontWeight: "bold" }} value="table" title='Table view of models'><img style={{ display: "block", width: "17px" }} src={tableIcon} /></ToggleButton>
+      <ToggleButton style={{ color: "black", fontWeight: "bold" }} value="graph" title='Force directed graph that show the models and its dependencies'><img style={{ display: "block", width: "17px" }} src={graphIcon} /></ToggleButton>
+      <ToggleButton style={{ color: "black", fontWeight: "bold" }} value="arc" title='Arc graph that shows the dependencies between models, vulnerabilities and projects'><img style={{ display: "block", width: "17px" }} src={arcIcon} /></ToggleButton>
     </ToggleButtonGroup>
     {switchView(view, filteredCveReport, filterName, handleFilterByName)}
     </>