Fixed Indent issue

src/view/Components/Taskview/Todoview/index.tsx

@@ -36,10 +36,10 @@ export default function Index(props: any){
                                 <Tab>Completed</Tab>
                             </TabList>
                             <TabPanel>
-                                <ul>{incompleteTodos}</ul>
+                                <ul className="todolist-indent">{incompleteTodos}</ul>
                             </TabPanel>
                             <TabPanel>
-                                <ul>{completedTodos}</ul>
+                                <ul className="todolist-indent">{completedTodos}</ul>
                             </TabPanel>
                             </Tabs>
                         </div>

styles.css

@@ -1,10 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@1,300&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Open Sans:ital,wght@0,400;1,100&family=Roboto&display=swap');
 
-* {
-  padding: 0;
-}
-
 .add-task-input {
   display: flex;
 }
@@ -45,6 +41,7 @@
     font-family: Roboto, sans-serif;
     font-weight: bold;
     font-size: 16px;
+    padding-left: 0;
 }
 
 .description {
@@ -54,6 +51,9 @@
 .description > ul {
   list-style-type: none;
 }
+p {
+    margin: 0;
+}
 
 .habit-text {
   text-align: left !important;