diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index d9c8410f..29d35fac 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -74,7 +74,7 @@
     </div>
     <div class="px-5 window-no-drag">
       <button
-        class="pb-1 text-sm text-gray-600 hover:text-gray-800 truncate"
+        class="pb-1 text-sm text-gray-600 hover:text-gray-800 w-full whitespace-nowrap overflow-scroll no-scrollbar text-left"
         @click="$emit('change-db-file')"
       >
         {{ dbPath }}
diff --git a/src/pages/Report.vue b/src/pages/Report.vue
index 166f1ef9..0f4d2c07 100644
--- a/src/pages/Report.vue
+++ b/src/pages/Report.vue
@@ -332,8 +332,4 @@ export default {
 .report-scroll-container::-webkit-scrollbar-track {
   background-color: white;
 }
-
-.no-scrollbar::-webkit-scrollbar {
-  display: none;
-}
 </style>
diff --git a/src/styles/index.css b/src/styles/index.css
index 0689109a..7a58ca3a 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -48,3 +48,7 @@ html {
 .frappe-chart .chart-legend {
   display: none;
 }
+
+.no-scrollbar::-webkit-scrollbar {
+  display: none;
+}
\ No newline at end of file