diff --git a/frontend/src/components/Layout/DynamicPageContent.tsx b/frontend/src/components/Layout/DynamicPageContent.tsx
index 87f6f45..8a8049f 100644
--- a/frontend/src/components/Layout/DynamicPageContent.tsx
+++ b/frontend/src/components/Layout/DynamicPageContent.tsx
@@ -30,7 +30,7 @@ const DynamicPageContent: React.FC<DynamicPageContentProps> = ({
         id="content"
         className={`min-w-[850px] ${
           showSideBar ? "w-[85vw] translate-x-[15vw]" : "w-[100vw]"
-        } items-start pb-[12vh] transition-all duration-[500ms] ease-in-out ${contentClassName}`}
+        } items-start transition-all duration-[500ms] ease-in-out ${contentClassName}`}
       >
         {children}
       </div>
diff --git a/frontend/src/components/Navigation/Navbar.tsx b/frontend/src/components/Navigation/Navbar.tsx
index 3e91eb6..219b3ed 100644
--- a/frontend/src/components/Navigation/Navbar.tsx
+++ b/frontend/src/components/Navigation/Navbar.tsx
@@ -25,6 +25,7 @@ const Navbar: React.FC<NavbarProps> = ({ variant = "default" }) => {
   const { showAuthModal, setShowAuthModal } = useAuthModal();
   const { showSideBar } = useSidebar();
   const { showQuickSettings, setShowQuickSettings } = useQuickSettings();
+  const [justToggled, setJustToggled] = React.useState(false);
 
   const handleLogout = () => {
     console.log("Logging out...");
@@ -38,6 +39,8 @@ const Navbar: React.FC<NavbarProps> = ({ variant = "default" }) => {
 
   const handleQuickSettings = () => {
     setShowQuickSettings(!showQuickSettings);
+    setJustToggled(true);
+    setTimeout(() => setJustToggled(false), 750);
   };
 
   // Keyboard shortcut to toggle sidebar
@@ -65,43 +68,43 @@ const Navbar: React.FC<NavbarProps> = ({ variant = "default" }) => {
     >
       {isLoggedIn && window.innerWidth > 900 && <Sidebar />}
       <Logo variant={variant} />
-          {/* Login / Logout Button */}
-          <Button
-            extraClasses={`absolute top-[2vh] ${
-              showSideBar
-                ? "left-[16vw] duration-[0.5s]"
-                : "left-[20px] duration-[1s]"
-            } text-[1rem] flex items-center flex-nowrap z-[99]`}
-            onClick={() => (isLoggedIn ? handleLogout() : setShowAuthModal(true))}
-          >
-            {isLoggedIn ? (
-              <>
-                <LogOutIcon className="h-15 w-15 mr-1" />
-                Logout
-              </>
-            ) : (
-              <>
-                <LogInIcon className="h-15 w-15 mr-1" />
-                Login / Register
-              </>
-            )}
-          </Button>
-          {/* Quick Settings Sidebar */}
-          <ToggleButton
-            extraClasses={`absolute group text-[1rem] top-[2vh] ${
-              showQuickSettings ? "right-[21vw]" : "right-[20px]"
-            } cursor-pointer`}
-            onClick={() => handleQuickSettings()}
-            toggled={showQuickSettings}
-          >
-            <SettingsIcon className="h-[2vw] w-[2vw]" />
-            {showQuickSettings && (
-              <small className="absolute flex items-center top-0 mr-4 right-0 h-full w-full my-auto group-hover:right-full opacity-0 group-hover:opacity-100 text-white transition-all delay-200">
-                Press Q
-              </small>
-            )}
-          </ToggleButton>
-          <QuickSettings />
+      {/* Login / Logout Button */}
+      <Button
+        extraClasses={`absolute top-[2vh] ${
+          showSideBar
+            ? "left-[16vw] duration-[0.5s]"
+            : "left-[20px] duration-[1s]"
+        } text-[1rem] flex items-center flex-nowrap z-[99]`}
+        onClick={() => (isLoggedIn ? handleLogout() : setShowAuthModal(true))}
+      >
+        {isLoggedIn ? (
+          <>
+            <LogOutIcon className="h-15 w-15 mr-1" />
+            Logout
+          </>
+        ) : (
+          <>
+            <LogInIcon className="h-15 w-15 mr-1" />
+            Login / Register
+          </>
+        )}
+      </Button>
+      {/* Quick Settings Sidebar */}
+      <ToggleButton
+        extraClasses={`absolute group text-[1rem] top-[2vh] ${
+          showQuickSettings ? "right-[21vw]" : "right-[20px]"
+        } cursor-pointer`}
+        onClick={() => handleQuickSettings()}
+        toggled={showQuickSettings}
+      >
+        <SettingsIcon className="h-[2vw] w-[2vw]" />
+        {!showQuickSettings && !justToggled && (
+          <small className="absolute flex items-center top-0 mr-4 right-0 h-full w-full my-auto group-hover:right-full opacity-0 group-hover:opacity-100 text-white transition-all delay-200">
+            Press Q
+          </small>
+        )}
+      </ToggleButton>
+      <QuickSettings />
 
       {variant != "no-searchbar" && <SearchBar />}
 
diff --git a/frontend/src/components/Navigation/Sidebar.tsx b/frontend/src/components/Navigation/Sidebar.tsx
index da7e580..8ae95bd 100644
--- a/frontend/src/components/Navigation/Sidebar.tsx
+++ b/frontend/src/components/Navigation/Sidebar.tsx
@@ -25,6 +25,7 @@ const Sidebar: React.FC<SideBarProps> = ({ extraClasses = "" }) => {
   const { username, isLoggedIn } = useAuth();
   const [followedStreamers, setFollowedStreamers] = useState<Streamer[]>([]);
   const [followedCategories, setFollowedCategories] = useState<Category[]>([]);
+  const [justToggled, setJustToggled] = useState(false);
 
   // Fetch followed streamers
   useEffect(() => {
@@ -46,6 +47,8 @@ const Sidebar: React.FC<SideBarProps> = ({ extraClasses = "" }) => {
 
   const handleSideBar = () => {
     setShowSideBar(!showSideBar);
+    setJustToggled(true);
+    setTimeout(() => setJustToggled(false), 750);
   };
 
   // Keyboard shortcut to toggle sidebar
@@ -98,7 +101,7 @@ const Sidebar: React.FC<SideBarProps> = ({ extraClasses = "" }) => {
       >
         <SidebarIcon className="h-[2vw] w-[2vw]" />
 
-        {showSideBar && (
+        {!showSideBar && !justToggled && (
           <small className="absolute flex items-center top-0 ml-4 left-0 h-full w-full my-auto group-hover:left-full opacity-0 group-hover:opacity-100 text-white transition-all delay-200">
             Press S
           </small>
diff --git a/frontend/src/components/Stream/ChatPanel.tsx b/frontend/src/components/Stream/ChatPanel.tsx
index 13d8149..5a2a9bb 100644
--- a/frontend/src/components/Stream/ChatPanel.tsx
+++ b/frontend/src/components/Stream/ChatPanel.tsx
@@ -30,6 +30,7 @@ const ChatPanel: React.FC<ChatPanelProps> = ({
   const [messages, setMessages] = useState<ChatMessage[]>([]);
   const [inputMessage, setInputMessage] = useState("");
   const chatContainerRef = useRef<HTMLDivElement>(null);
+  const [justToggled, setJustToggled] = useState(false);
 
   // Join chat room when component mounts
   useEffect(() => {
@@ -114,6 +115,8 @@ const ChatPanel: React.FC<ChatPanelProps> = ({
 
   const toggleChat = () => {
     setShowChat(!showChat);
+    setJustToggled(true);
+    setTimeout(() => setJustToggled(false), 750);
   };
 
   const sendChat = () => {
@@ -147,11 +150,11 @@ const ChatPanel: React.FC<ChatPanelProps> = ({
       {/* Toggle Button for Chat */}
       <button
         onClick={toggleChat}
-        className={`group cursor-pointer p-2 hover:bg-gray-800 rounded-md absolute top-[1vh] left-[1vw] ${showChat ? "" : "delay-[0.75s] -translate-x-[3.3vw]"} text-[1rem] text-purple-500 flex items-center flex-nowrap z-[50] duration-[0.3s] transition-all`}
+        className={`group cursor-pointer p-2 hover:bg-gray-800 rounded-md absolute top-[1vh] left-[1vw] ${showChat ? "" : "delay-[0.75s] -translate-x-[4vw]"} text-[1rem] text-purple-500 flex items-center flex-nowrap z-[20] duration-[0.3s] transition-all`}
       >
         {showChat ? <ArrowRightFromLineIcon /> : <ArrowLeftFromLineIcon />}
 
-        <small className={`absolute ${showChat ? "right-0 group-hover:-right-[4vw]" : "left-0 group-hover:-left-[4vw]"} p-1 rounded-md group-hover:bg-white/10 w-fit opacity-0 group-hover:opacity-100 text-white transition-all`}>
+        <small className={`absolute ${showChat ? justToggled ? "left-0 group-hover:-left-[4vw] group-hover:bg-white/10" : "right-0 group-hover:-right-[5vw] group-hover:bg-red-500/80" : justToggled ? "right-0 group-hover:-right-[5vw] group-hover:bg-red-500/80" : "left-0 group-hover:-left-[4vw] group-hover:bg-white/10"} p-1 rounded-md w-fit opacity-0 group-hover:opacity-100 text-white transition-all`}>
           Press C
         </small>
       </button>
diff --git a/frontend/src/pages/AllCategoriesPage.tsx b/frontend/src/pages/AllCategoriesPage.tsx
index 26fffcb..f32d33c 100644
--- a/frontend/src/pages/AllCategoriesPage.tsx
+++ b/frontend/src/pages/AllCategoriesPage.tsx
@@ -87,7 +87,7 @@ const AllCategoriesPage: React.FC = () => {
         type="category"
         title="All Categories"
         items={categories}
-        onClick={handleCategoryClick}
+        onItemClick={handleCategoryClick}
         extraClasses="bg-[var(--recommend)] text-center"
         itemExtraClasses="w-[20vw]"
         wrap={true}
diff --git a/frontend/src/types/StreamType.ts b/frontend/src/types/StreamType.ts
index c6d4d58..6a1445c 100644
--- a/frontend/src/types/StreamType.ts
+++ b/frontend/src/types/StreamType.ts
@@ -5,5 +5,6 @@ export interface StreamType {
 	username: string;
 	streamCategory: string;
 	viewers: number;
+	startTime?: string;
 	thumbnail?: string;
   }
\ No newline at end of file