diff --git a/routines.sh b/routines.sh
index e833f86..bc28deb 100644
--- a/routines.sh
+++ b/routines.sh
@@ -1,4 +1,5 @@
 git add .
-git commit -m "now settings can be remembered on app start"
+git commit -m "fixed file not highlighting in recent
+y opened and improved ui for recently opened"
 git push
 
diff --git a/www/index.html b/www/index.html
index 27d1ebd..89dbda9 100644
--- a/www/index.html
+++ b/www/index.html
@@ -67,13 +67,13 @@ <h5 class="offcanvas-title text-white" id="fileSystemCanvasLabel">FILE SYSTEM</h
     </div>
   </div>
   <!--Recent opened files-->
-  <div class="offcanvas offcanvas-top bg-dark" id="recentlyOpened" aria-labelledby="recentFiles">
+  <div class="offcanvas offcanvas-top bg-light" id="recentlyOpened" aria-labelledby="recentFiles">
     <div class="offcanvas-header">
       <h5 id="recentFiles">Recent files</h5>
       <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
     </div>
     <div class="offcanvas-body">
-      <ul class="list-group list-group-flush mh-50" id="recent_file"></ul>
+      <ul class="list-group list-group-flush mh-50 bg-transparent" id="recent_file"></ul>
 
     </div>
   </div>
diff --git a/www/js/components/main_FileEntry.js b/www/js/components/main_FileEntry.js
index 6ce466a..b13dcbd 100644
--- a/www/js/components/main_FileEntry.js
+++ b/www/js/components/main_FileEntry.js
@@ -112,7 +112,7 @@ export async function onDeviceReady() {
 
       function addRecentlyOpenedFile(name,url,ext) {
         let openedFile = makeElm('li')
-        insertAttr(['class=list-group-item'], openedFile)
+        insertAttr(['class=list-group-item bg-transparent'], openedFile)
         openedFile.innerText = name
         openedFile.addEventListener('click', function() { workWithFile(url) 
           window.aceEditor.session.setMode(`ace/mode/${ext}`)