Fixed addTask bar background color issues

src/App.tsx

@@ -10,8 +10,16 @@ import store from "./store";
 export const App = () => {
   return (
     <Provider store={store}>
-      <Layout appBar={<AppBar />} title="My tasks" content={<TodoList />} />
-      <AddTask />
+      <Layout
+        appBar={<AppBar />}
+        title="My tasks"
+        content={
+          <>
+            <TodoList />
+            <AddTask />
+          </>
+        }
+      />
     </Provider>
   );
 };

src/components/AddTask.tsx

@@ -51,6 +51,8 @@ export const AddTask: React.FC = () => {
             top: (theme) => "-" + theme.spacing(2),
             left: 0,
             background: (theme) => theme.palette.background.paper,
+            backgroundImage:
+              "linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15))",
           }}
         />
         <InputBase