fix styling

src/components/Button.js

@@ -23,7 +23,10 @@ function Button(props) {
     `}>
       {
         (!props.isIconOnRight && props.featherIconName) &&
-        <FeatherIcon icon={props.featherIconName} className={`${props.textColor} h-6 w-6 cursor-pointer mr-3.5 my-auto`}/>
+        <FeatherIcon
+          icon={props.featherIconName}
+          className={`${props.textColor} h-6 w-6 cursor-pointer ${props.buttonLabel ? 'mr-3.5' : ''} my-auto`}
+        />
       }
       <p
         className={`

src/components/Test/TestTopicConfiguration.js

@@ -529,7 +529,7 @@ function TestTopicConfiguration(props) {
 
                 <div onClick={handleClickDeleteTestTopicButton}>
                   <Button
-                    buttonLabel='Delete Test'
+                    buttonLabel='Delete Topic'
                     color='bg-white'
                     textColor='text-red'
                     borderColor='border-red'

src/index.css

@@ -14,6 +14,25 @@ code {
     monospace;
 }
 
-.MuiFormControlLabel-label {
+.MuiFormControlLabel-label,
+.MuiOutlinedInput-input,
+.MuiFormLabel-root {
   font-family: 'Inter', sans-serif!important;
+}
+
+.MuiDataGrid-columnHeaderTitle,
+.MuiDataGrid-cellContent,
+.MuiAutocomplete-endAdornment,
+.MuiAutocomplete-popper,
+.css-12jo7m5,
+.css-qc6sy-singleValue,
+.MuiTablePagination-displayedRows,
+.MuiDataGrid-selectedRowCount,
+.MuiAutocomplete-listbox,
+.MuiAutocomplete-noOptions,
+.MuiDataGrid-virtualScrollerContent,
+.MuiDataGrid-overlay,
+.MuiOutlinedInput-input {
+  font-family: 'Inter', sans-serif!important;
+  color: #223C6D!important;
 }
\ No newline at end of file