diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md
deleted file mode 100644
index 54764940..00000000
--- a/.github/ISSUE_TEMPLATE.md
+++ /dev/null
@@ -1,18 +0,0 @@
-<!-- Please fill your information below the lines starting with `#`. -->
-<!-- You can delete these lines enclosed by `<` and `>` before posting, too. -->
-
-# Description of the issue
-<!-- What is the issue/problem you are facing? -->
-
-# What was expected to be seen
-<!-- What were you expecting to see? -->
-
-# What actually was seen instead
-<!-- What did you actually see? Try to be precise as possible! -->
-
-# Environment
-Browser: <!-- Version of your browser. -->
-Build environment (i.e. NodeJS): <!-- If you have issues building the SCSS into CSS, add your information here. Delete this otherwise. -->
-
-# Suggestion(s) for fixing this issue
-<!-- What are your thoughts? How could this possibly be resolved? -->
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
new file mode 100644
index 00000000..f06c0359
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -0,0 +1,37 @@
+---
+name: Bug report
+about: Create a report to help us improve
+
+---
+
+<!-- Please fill your information below. -->
+<!-- You can delete these lines enclosed by `<` and `>` before posting, too. -->
+
+**Describe the bug**
+<!-- A clear and concise description of what the problem you are facing is. -->
+
+**To Reproduce**
+<!--
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+-->
+
+**Expected behavior**
+<!-- A clear and concise description of what you expected to happen. -->
+
+**Screenshots**
+<!-- If applicable, add screenshots to help explain your problem. -->
+
+**Environment:**
+ - OS: <!-- (i.e. Windows) -->
+ - Browser: <!-- Version. -->
+ - Build environment (i.e. NodeJS): <!-- If you have issues building the SCSS into CSS, add your information here. -->
+
+**Suggestion(s) for fixing this issue**
+<!-- What are your thoughts? How could this possibly be resolved? -->
+
+**Additional context**
+<!-- Add any other context about the problem here. -->
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
new file mode 100644
index 00000000..aafa1b62
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+
+---
+
+<!-- Please fill your information below. -->
+<!-- You can delete these lines enclosed by `<` and `>` before posting, too. -->
+
+**Is your feature request related to a problem? Please describe.**
+<!-- A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] -->
+
+**Describe the solution you'd like**
+<!-- A clear and concise description of what you want to happen. -->
+
+**Describe alternatives you've considered**
+<!-- A clear and concise description of any alternative solutions or features you've considered. -->
+
+**Additional context**
+<!-- Add any other context or screenshots about the feature request here. -->
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index 94047419..a91b9612 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,11 +1,11 @@
 <!-- Please fill your information below the lines starting with `#`. -->
 <!-- You can delete these lines enclosed by `<` and `>` before posting, too. -->
 
-# Description
+**Description**
 <!-- What does this PR do, what does it want to achieve? -->
 
-# Compatibility
+**Compatibility**
 <!-- Elaborate on how this PR affects the compatibility. Is it breaking, or not? -->
 
-# Caveats
+**Caveats**
 <!-- Is there something specific you'd like to mention before merge? -->