diff --git a/src/components/Toolbar/Toolbar.css b/src/components/Toolbar/Toolbar.css
index 56a1c93..e006b96 100644
--- a/src/components/Toolbar/Toolbar.css
+++ b/src/components/Toolbar/Toolbar.css
@@ -1,14 +1,22 @@
-.toolbar {
+menu.toolbar {
   position: sticky;
   top: 0px;
-  padding: 4px;
-  /* background-color: #f2f2f2; */
-  background-color: #e2e2e2;
-  border-top: 1px solid black;
-  border-bottom: 1px solid black;
-  display: flex;
+  padding: 0;
+  margin: 0;
+  background-color: #35313d;
   z-index: 1;
-  flex-flow: wrap;
+  display: flex;
   justify-content: center;
   align-items: center;
 }
+
+.toolbar-contents {
+  width: 83.33%;
+  max-width: 1120px;
+  /* height: 48px; */
+  padding: 8px 0;
+  display: flex;
+  flex-flow: wrap;
+  align-items: center;
+  justify-content: space-between;
+}
diff --git a/src/components/Toolbar/Toolbar.tsx b/src/components/Toolbar/Toolbar.tsx
index 4aaf90a..15bf2e9 100644
--- a/src/components/Toolbar/Toolbar.tsx
+++ b/src/components/Toolbar/Toolbar.tsx
@@ -7,12 +7,14 @@ type ToolbarProps = {};
 
 const Toolbar: React.FC<ToolbarProps> = () => {
   return (
-    <div className="toolbar">
-      <StyleInput />
-      <SearchInput />
-      <SizeInput />
-      <ColorInput />
-    </div>
+    <menu className="toolbar">
+      <div className="toolbar-contents">
+        <StyleInput />
+        <SearchInput />
+        <SizeInput />
+        <ColorInput />
+      </div>
+    </menu>
   );
 };