1 files changed, 22 insertions, 5 deletions
diff --git a/frontend/src/app/_elements/folder/folder.component.css b/frontend/src/app/_elements/folder/folder.component.css
index 682fc645..b2363816 100644
--- a/frontend/src/app/_elements/folder/folder.component.css
+++ b/frontend/src/app/_elements/folder/folder.component.css
@@ -1,6 +1,5 @@
 #folder {
     width: 100%;
-    
 }
 
 #tabs {
@@ -184,11 +183,18 @@
 }
 
 .file-bottom-buttons {
-    position: absolute;
-    bottom: 5px;
-    right: 4%;
+    position: relative;
+    display: flex;
+    flex-direction: row-reverse;
+    height: 0;
+}
+
+.file-bottom-buttons-helper {
+    position: relative;
     display: flex;
     flex-direction: row-reverse;
+    width: fit-content;
+    height: 45px;
 }
 
 .file-button {
@@ -196,10 +202,11 @@
     color: var(--offwhite);
     border-radius: 4px;
     border: 1px solid var(--ns-primary);
+    background-color: var(--ns-bg-dark-50);
     margin: 5px;
     padding: 5px;
     cursor: pointer;
-    z-index: 1001;
+    z-index: 801;
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -221,4 +228,14 @@
 .highlight-exp {
     /*font-size: 16px;*/
     font-weight: 700;
+}
+
+.text-overflow {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.selected-file-tab {
+    max-width: 230px !important;
 }
 \ No newline at end of file