diff --git a/angular.json b/angular.json
index 8e0bc83..0acb2ff 100644
--- a/angular.json
+++ b/angular.json
@@ -26,7 +26,7 @@
             ],
             "styles": [
               "node_modules/bootstrap/dist/css/bootstrap.min.css",
-              "src/styles.css",
+              "src/styles.scss",
               "src/assets/scss/black-dashboard.scss"
             ],
             "scripts": [
@@ -93,7 +93,7 @@
               "src/assets"
             ],
             "styles": [
-              "src/styles.css"
+              "src/styles.scss"
             ],
             "scripts": []
           }
diff --git a/src/app/task-form/task-form.component.css b/src/app/task-form/task-form.component.css
index 2b8a6fe..3089d6a 100644
--- a/src/app/task-form/task-form.component.css
+++ b/src/app/task-form/task-form.component.css
@@ -1,13 +1,3 @@
-.modal-footer {
-	border-top: 0px solid;
-	padding-top: 5%;
-}
-.modal-content {
-	width: 1040px;
-	right: 55%;
-	border: 0px;
-}
-
-.modal {
-	margin: 0 auto;
-}
+.modal .modal-content {
+	display: contents;
+}
\ No newline at end of file
diff --git a/src/styles.css b/src/styles.css
deleted file mode 100644
index 90d4ee0..0000000
--- a/src/styles.css
+++ /dev/null
@@ -1 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
diff --git a/src/styles.scss b/src/styles.scss
new file mode 100644
index 0000000..79fc2de
--- /dev/null
+++ b/src/styles.scss
@@ -0,0 +1,5 @@
+@import "~bootstrap/scss/bootstrap";
+
+.modal .modal-content {
+	display: contents;
+}
\ No newline at end of file