diff --git a/Gemfile b/Gemfile
index e9e6db9531..d1be67d045 100644
--- a/Gemfile
+++ b/Gemfile
@@ -106,7 +106,7 @@ gem "data_migrate", "~> 8.0.0.rc2"
 # pagy for Pagination
 gem "pagy", "~> 5.10"
 
-gem "nokogiri", ">= 1.13.10"
+gem "nokogiri", ">= 1.16.2"
 
 # Manage application specific business logic. https://github.com/AaronLasseigne/active_interaction
 gem "active_interaction"
diff --git a/Gemfile.lock b/Gemfile.lock
index 8210a65b8c..365494856b 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -348,11 +348,11 @@ GEM
       net-protocol
     newrelic_rpm (8.16.0)
     nio4r (2.5.9)
-    nokogiri (1.15.4-arm64-darwin)
+    nokogiri (1.16.2-arm64-darwin)
       racc (~> 1.4)
-    nokogiri (1.15.4-x86_64-darwin)
+    nokogiri (1.16.2-x86_64-darwin)
       racc (~> 1.4)
-    nokogiri (1.15.4-x86_64-linux)
+    nokogiri (1.16.2-x86_64-linux)
       racc (~> 1.4)
     oauth2 (2.0.9)
       faraday (>= 0.17.3, < 3.0)
@@ -392,7 +392,7 @@ GEM
     pundit (2.3.0)
       activesupport (>= 3.0.0)
     raabro (1.4.0)
-    racc (1.7.1)
+    racc (1.7.3)
     rack (2.2.8)
     rack-cors (2.0.1)
       rack (>= 2.0.0)
@@ -664,7 +664,7 @@ DEPENDENCIES
   letter_opener_web
   money
   newrelic_rpm (~> 8.4)
-  nokogiri (>= 1.13.10)
+  nokogiri (>= 1.16.2)
   omniauth-google-oauth2 (~> 1.0)
   omniauth-rails_csrf_protection (~> 1.0)
   pagy (~> 5.10)
diff --git a/app/javascript/src/components/TimesheetEntries/index.tsx b/app/javascript/src/components/TimesheetEntries/index.tsx
index 388f2253de..8e0f29f8c2 100644
--- a/app/javascript/src/components/TimesheetEntries/index.tsx
+++ b/app/javascript/src/components/TimesheetEntries/index.tsx
@@ -661,7 +661,24 @@ const TimesheetEntries = ({ user, isAdminUser }: Iprops) => {
       <div className="pb-14">
         {!isDesktop && <Header />}
         <div className="mt-0 h-full p-4 lg:mt-6 lg:p-0">
-          <div className="mb-6 flex items-center justify-between md:flex-row-reverse">
+          <div className="mb-6 flex items-center justify-between">
+            {isDesktop && (
+              <nav className="flex">
+                {["month", "day"].map((item, index) => (
+                  <button
+                    key={index}
+                    className={
+                      item === view
+                        ? "mr-10 border-b-2 border-miru-han-purple-1000 font-bold tracking-widest text-miru-han-purple-1000"
+                        : "mr-10 font-medium tracking-widest text-miru-han-purple-600"
+                    }
+                    onClick={() => setView(item)}
+                  >
+                    {item.toUpperCase()}
+                  </button>
+                ))}
+              </nav>
+            )}
             {isDesktop && isViewTogglerVisible && (
               <ViewToggler view={view} setView={setView} />
             )}
@@ -718,7 +735,7 @@ const TimesheetEntries = ({ user, isAdminUser }: Iprops) => {
                     + NEW ENTRY
                   </button>
                 )}
-              {view === "month" &&
+              {view !== "week" &&
                 !newEntryView &&
                 !newTimeoffEntryView &&
                 isDesktop && (