CSS FIX

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": []
           }

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;
+}

src/styles.css

@@ -1 +0,0 @@
-/* You can add global styles to this file, and also import other style files */

src/styles.scss

@@ -0,0 +1,5 @@
+@import "~bootstrap/scss/bootstrap";
+
+.modal .modal-content {
+	display: contents;
+}