diff --git a/frontend/src/components/Chunks.tsx b/frontend/src/components/Chunks.tsx
index e464b9d0..5c9c25b8 100644
--- a/frontend/src/components/Chunks.tsx
+++ b/frontend/src/components/Chunks.tsx
@@ -284,8 +284,8 @@ const Chunks: React.FC<ChunksProps> = ({
 
   const renderPathNavigation = () => {
     return (
-      <div className="mb-4 flex flex-col sm:flex-row sm:items-center sm:justify-between text-base gap-2">
-        <div className="flex items-center">
+      <div className="mb-0 min-h-[38px] flex flex-col sm:flex-row sm:items-center sm:justify-between text-base gap-2">
+        <div className="flex w-full items-center sm:w-auto">
           <button
             className="mr-3 flex h-[29px] w-[29px] items-center justify-center rounded-full border p-2 text-sm text-gray-400 dark:border-0 dark:bg-[#28292D] dark:text-gray-500 dark:hover:bg-[#2E2F34] transition-all duration-200 font-medium"
             onClick={editingChunk ? () => setEditingChunk(null) : isAddingChunk ? () => setIsAddingChunk(false) : handleGoBack}
diff --git a/frontend/src/components/FileTreeComponent.tsx b/frontend/src/components/FileTreeComponent.tsx
index 714810c6..1aecc773 100644
--- a/frontend/src/components/FileTreeComponent.tsx
+++ b/frontend/src/components/FileTreeComponent.tsx
@@ -443,7 +443,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
 
   const renderPathNavigation = () => {
     return (
-      <div className="mb-4 flex flex-col gap-3 text-sm sm:flex-row sm:items-center sm:justify-between">
+      <div className="mb-0 min-h-[38px] flex flex-col gap-2 text-base sm:flex-row sm:items-center sm:justify-between">
         {/* Left side with path navigation */}
         <div className="flex w-full items-center sm:w-auto">
           <button
@@ -454,12 +454,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
           </button>
   
           <div className="flex flex-wrap items-center">
-            <img
-              src={OutlineSource}
-              alt="source"
-              className="mr-2 h-5 w-5 flex-shrink-0"
-            />
-            <span className="text-purple-30 font-medium break-words">
+            <span className="text-[#7D54D1] font-semibold break-words">
               {sourceName}
             </span>
             {currentPath.length > 0 && (
@@ -491,7 +486,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
         </div>
 
         {/* Right side with search and add button */}
-        <div className="flex items-center space-x-4">
+        <div className="flex flex-row flex-nowrap items-center gap-2 w-full sm:w-auto justify-end mt-2 sm:mt-0 overflow-x-auto">
           {/* Upload status indicator */}
           {processingRef.current && (
             <div className="text-sm text-gray-500">
@@ -502,7 +497,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
           )}
           
           {/* Search element with fixed width matching Figma specs */}
-          <div className="w-[198px]">
+          <div className="hidden lg:block w-[198px]">
             {renderFileSearch()}
           </div>