diff --git a/src/App.tsx b/src/App.tsx
index cce0cd3..d92d5f4 100644
--- a/src/App.tsx
+++ b/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>
   );
 };
diff --git a/src/components/AddTask.tsx b/src/components/AddTask.tsx
index 15c7382..6eeca00 100644
--- a/src/components/AddTask.tsx
+++ b/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