diff --git a/index.html b/index.html
index 12b264d..0d6f588 100755
--- a/index.html
+++ b/index.html
@@ -10,6 +10,7 @@
         <link href='./styles/context.css' rel='stylesheet'>
         <link href='./styles/modal.css' rel='stylesheet'>
         <link href="./styles/toast.css" rel="stylesheet">
+        <link href="./styles/sidebar.css" rel="stylesheet">
 
         <title>FileKade</title>
     </head>
diff --git a/styles/files.css b/styles/files.css
index 8ad5053..5145d9a 100755
--- a/styles/files.css
+++ b/styles/files.css
@@ -10,7 +10,7 @@
 }
 
 .files {
-    margin: 0 15px 12px 15px;
+    margin: 0 15px 12px 7px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
diff --git a/styles/sidebar.css b/styles/sidebar.css
new file mode 100644
index 0000000..dd46960
--- /dev/null
+++ b/styles/sidebar.css
@@ -0,0 +1,17 @@
+#sidebar {
+    width: 10%;
+    border-right: 1px solid #5d60caaf;
+    margin: 0 0;
+    padding: 12px 14px;
+}
+
+#container {
+    flex-basis: 90%;
+}
+
+#master {
+    display: flex;
+    align-items: stretch;
+    align-content: flex-start;
+    justify-content: stretch;
+}
\ No newline at end of file