How to correctly import a self signed certificate in google chrome

I am developing an app using Angular and i wanted to use https to implement secure authentication. I created a certificate for the app using mkcert, and i tried importing it in google chrome, however the site is still labeled as insecure. What did i do wrong?

Thanks in advance.

The files that mkcert generated are ( is a placeholder for the actual name):+4.pem+4-key.pem

I specified the following options for serving the angular app:"options": {"host": "0.0.0.0","sslKey": "./+4-key.pem","sslCert": "./+4.pem","ssl": true},

I imported +4.pem both as a root certificate authority and a personal certificate. However the green padlock still doesn't appear when i visit the site even though chrome says that the certificate was imported correctly.