diff --git a/src/components/Cars/List/index.jsx b/src/components/Cars/List/index.jsx
index 69e5d18..0dbc101 100644
--- a/src/components/Cars/List/index.jsx
+++ b/src/components/Cars/List/index.jsx
@@ -16,6 +16,7 @@ const MainForm = () => {
   const classes = useStyles();
   const [search, setSearch] = useState("");
   const [online, setOnline] = useState(false);
+  const [onlineHMI, setOnlineHMI] = useState(false);
   const { setTitle, setSitePath } = useStatusContext();
   const {
     token: {
@@ -31,6 +32,10 @@ const MainForm = () => {
     setOnline(event.target.checked);
   }
 
+  const handleOnlineHMI = (event) => {
+    setOnlineHMI(event.target.checked);
+  }
+
   useEffect(() => {
     setTitle("Vehicles");
     setSitePath([]);
@@ -58,6 +63,14 @@ const MainForm = () => {
                 />
               } label="Only online" />
             </MenuItem>
+            <MenuItem>
+              <FormControlLabel control={
+                <Checkbox
+                  checked={onlineHMI}
+                  onChange={handleOnlineHMI}
+                />
+              } label="Only online HMI" />
+            </MenuItem>
           </OptionsDropdown>
         </Grid>
         <Grid item md={2} className={classes.textRightAlign} />
@@ -66,7 +79,7 @@ const MainForm = () => {
         classes={classes}
         token={token}
         multiSelect={false}
-        search={{ search, online: online? true : null}}
+        search={{ search, online: online? true : null, online_hmi: onlineHMI? true : null }}
       />
     </div>
   );