diff --git a/src/views/SecurityAndAccess/Certificates/Certificates.vue b/src/views/SecurityAndAccess/Certificates/Certificates.vue
index 0113b80..677d19d 100644
--- a/src/views/SecurityAndAccess/Certificates/Certificates.vue
+++ b/src/views/SecurityAndAccess/Certificates/Certificates.vue
@@ -29,6 +29,12 @@
             }}
           </template>
         </alert>
+        <!-- Wrong file type banner -->
+        <alert :show="fileTypeCorrect === false" variant="danger">
+          <template v-if="fileTypeCorrect === false">
+            {{ $t('pageCertificates.alert.incorrectCertificateFileType') }}
+          </template>
+        </alert>
       </b-col>
     </b-row>
     <b-row>
@@ -136,6 +142,7 @@
     return {
       isBusy: true,
       modalCertificate: null,
+      fileTypeCorrect: undefined,
       fields: [
         {
           key: 'certificate',
@@ -258,19 +265,24 @@
     onModalOk({ addNew, file, type, location }) {
       if (addNew) {
         // Upload a new certificate
-        this.addNewCertificate(file, type);
+        this.fileTypeCorrect = this.getIsFileTypeCorrect(file);
+        if (this.fileTypeCorrect) {
+          this.addNewCertificate(file, type);
+        }
       } else {
         // Replace an existing certificate
         this.replaceCertificate(file, type, location);
       }
     },
     addNewCertificate(file, type) {
-      this.startLoader();
-      this.$store
-        .dispatch('certificates/addNewCertificate', { file, type })
-        .then((success) => this.successToast(success))
-        .catch(({ message }) => this.errorToast(message))
-        .finally(() => this.endLoader());
+      if (this.fileTypeCorrect === true) {
+        this.startLoader();
+        this.$store
+          .dispatch('certificates/addNewCertificate', { file, type })
+          .then((success) => this.successToast(success))
+          .catch(({ message }) => this.errorToast(message))
+          .finally(() => this.endLoader());
+      }
     },
     replaceCertificate(file, type, location) {
       this.startLoader();
@@ -317,6 +329,10 @@
         return 'warning';
       }
     },
+    getIsFileTypeCorrect(file) {
+      const fileTypeExtension = file.name.split('.').pop();
+      return fileTypeExtension === 'pem';
+    },
   },
 };
 </script>
