diff --git a/package-lock.json b/package-lock.json
index c6e92576..f8085ad0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12483,6 +12483,14 @@
         "scheduler": "^0.19.1"
       }
     },
+    "react-toggle": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/react-toggle/-/react-toggle-4.1.1.tgz",
+      "integrity": "sha512-+wXlMcSpg8SmnIXauMaZiKpR+r2wp2gMUteroejp2UTSqGTVvZLN+m9EhMzFARBKEw7KpQOwzCyfzeHeAndQGw==",
+      "requires": {
+        "classnames": "^2.2.5"
+      }
+    },
     "react-tooltip": {
       "version": "3.11.6",
       "resolved": "https://registry.npmjs.org/react-tooltip/-/react-tooltip-3.11.6.tgz",
diff --git a/package.json b/package.json
index 35d6e25a..57d2e3b9 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
     "react-scroll": "^1.7.15",
     "react-table": "^7.0.0-rc.15",
     "react-test-renderer": "^16.12.0",
+    "react-toggle": "^4.1.1",
     "react-tooltip": "^3.11.2",
     "reactstrap": "^8.2.0"
   },
diff --git a/src/components/Table/index.js b/src/components/Table/index.js
index 57e39da3..d436e94f 100644
--- a/src/components/Table/index.js
+++ b/src/components/Table/index.js
@@ -6,6 +6,7 @@ import {
   Badge,
   NavLink,
 } from 'reactstrap';
+import Toggle from 'react-toggle';
 import ReactTooltip from 'react-tooltip';
 import { useTable, useFilters, useSortBy } from 'react-table';
 import { FaQuestionCircle, FaLock } from 'react-icons/fa';
@@ -18,6 +19,7 @@ import { Event } from '../Shared/Tracking';
 
 import questions from '../../data';
 
+import 'react-toggle/style.css';
 import './styles.scss';
 
 const images = require.context('../../icons', true);
@@ -28,10 +30,19 @@ const Table = () => {
       new Array(questions.length).fill(false),
   );
 
+  const [hidePatterns, setHidePatterns] = useState(
+    JSON.parse(localStorage.getItem('hidePatterns')) ||
+      new Array(1).fill(false),
+  );
+
   useEffect(() => {
     window.localStorage.setItem('checked', JSON.stringify(checked));
   }, [checked]);
 
+  useEffect(() => {
+    window.localStorage.setItem('hidePatterns', JSON.stringify(hidePatterns));
+  }, [hidePatterns]);
+
   const data = React.useMemo(() => questions, []);
 
   const defaultColumn = React.useMemo(
@@ -106,7 +117,25 @@ const Table = () => {
             disableFilters: true,
           },
           {
-            Header: 'Pattern',
+            Header: () => {
+              return (
+                <label htmlFor="pattern-toggle">
+                  <span>Show/Hide Patterns </span>
+                  <Toggle
+                    id="pattern-toggle"
+                    defaultChecked={hidePatterns[0]}
+                    icons={{
+                      checked: null,
+                      unchecked: null,
+                    }}
+                    onChange={() => {
+                      hidePatterns[0] = !hidePatterns[0];
+                      setHidePatterns([...hidePatterns]);
+                    }}
+                  />
+                </label>
+              );
+            },
             accessor: 'pattern',
             Cell: cellInfo => {
               const patterns = `${cellInfo.row.original.pattern}`
@@ -114,7 +143,7 @@ const Table = () => {
                 .map(pattern => {
                   return (
                     <Badge key={pattern} className={pattern} pill>
-                      {checked[cellInfo.row.original.id] ? pattern : '***'}
+                      {hidePatterns[0] ? pattern : '***'}
                     </Badge>
                   );
                 });
diff --git a/src/components/Table/styles.scss b/src/components/Table/styles.scss
index 74197f9c..4ce3e41d 100644
--- a/src/components/Table/styles.scss
+++ b/src/components/Table/styles.scss
@@ -36,4 +36,8 @@
     justify-content: space-evenly;
     margin: 0;
   }
+
+  .react-toggle {
+    top: 5px;
+  }
 }