diff --git a/assets/images/camera.svg b/assets/images/camera.svg
index 49b23e5c7599..71a657102e04 100644
--- a/assets/images/camera.svg
+++ b/assets/images/camera.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" viewBox="0 0 20 20"><style>.st0{fill-rule:evenodd;clip-rule:evenodd}</style><path d="M13 3c.6 0 1 .4 1 1s.4 1 1 1h2.9c.6 0 1.1.5 1.1 1.1v9.7c0 .6-.5 1.1-1.1 1.1H2.1c-.6.1-1.1-.4-1.1-1V6.1C1 5.5 1.5 5 2.1 5H5c.6 0 1-.4 1-1s.4-1 1-1zm-3 12c2.2 0 4-1.8 4-4s-1.8-4-4-4-4 1.8-4 4 1.8 4 4 4" class="st0"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" viewBox="0 0 20 20"><style>.st0{fill-rule:evenodd;clip-rule:evenodd}</style><path d="M18 4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3l1.063-1.771c.272-.452.76-.729 1.287-.729h5.301a1.5 1.5 0 0 1 1.286.729L15 4zm-8 3a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7" class="st0"/></svg>
\ No newline at end of file
diff --git a/assets/images/plus-circle.svg b/assets/images/plus-circle.svg
new file mode 100644
index 000000000000..b840d90b1073
--- /dev/null
+++ b/assets/images/plus-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" viewBox="0 0 20 20"><style>.st0{fill-rule:evenodd;clip-rule:evenodd}</style><path d="M10 19a9 9 0 0 0 9-9 9 9 0 0 0-9-9 9 9 0 0 0-9 9 9 9 0 0 0 9 9m0-14.5A1.5 1.5 0 0 1 11.5 6v2.5H14a1.5 1.5 0 0 1 0 3h-2.5V14a1.5 1.5 0 0 1-3 0v-2.5H6a1.5 1.5 0 0 1 0-3h2.5V6A1.5 1.5 0 0 1 10 4.5" class="st0"/></svg>
\ No newline at end of file
diff --git a/src/components/FloatingActionButton.tsx b/src/components/FloatingActionButton.tsx
index c6ef456681f7..13cb871d6485 100644
--- a/src/components/FloatingActionButton.tsx
+++ b/src/components/FloatingActionButton.tsx
@@ -1,15 +1,21 @@
 import type {ForwardedRef} from 'react';
 import React, {useEffect, useRef} from 'react';
 // eslint-disable-next-line no-restricted-imports
-import type {GestureResponderEvent, Role, Text, View} from 'react-native';
+import type {GestureResponderEvent, Role, Text as TextType, View as ViewType} from 'react-native';
+import {View} from 'react-native';
 import Animated, {Easing, interpolateColor, useAnimatedStyle, useSharedValue, withTiming} from 'react-native-reanimated';
 import Svg, {Path} from 'react-native-svg';
+import useLocalize from '@hooks/useLocalize';
 import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 import {canUseTouchScreen} from '@libs/DeviceCapabilities';
 import variables from '@styles/variables';
-import {PressableWithoutFeedback} from './Pressable';
+import CONST from '@src/CONST';
+import Icon from './Icon';
+import {PlusCircle} from './Icon/Expensicons';
+import {PressableWithFeedback, PressableWithoutFeedback} from './Pressable';
+import Text from './Text';
 
 const FAB_PATH = 'M12,3c0-1.1-0.9-2-2-2C8.9,1,8,1.9,8,3v5H3c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2h5v5c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2v-5h5c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2h-5V3z';
 const SMALL_FAB_PATH =
@@ -35,16 +41,17 @@ type FloatingActionButtonProps = {
     role: Role;
 
     /** Reference to the outer element */
-    ref?: ForwardedRef<HTMLDivElement | View | Text>;
+    ref?: ForwardedRef<HTMLDivElement | ViewType | TextType>;
 };
 
 function FloatingActionButton({onPress, onLongPress, isActive, accessibilityLabel, role, ref}: FloatingActionButtonProps) {
-    const {success, successHover, buttonDefaultBG, textLight} = useTheme();
+    const {buttonDefaultBG, buttonHoveredBG, icon} = useTheme();
     const styles = useThemeStyles();
     const borderRadius = styles.floatingActionButton.borderRadius;
-    const fabPressable = useRef<HTMLDivElement | View | Text | null>(null);
+    const fabPressable = useRef<HTMLDivElement | ViewType | TextType | null>(null);
     const {shouldUseNarrowLayout} = useResponsiveLayout();
     const isLHBVisible = !shouldUseNarrowLayout;
+    const {translate} = useLocalize();
 
     const fabSize = isLHBVisible ? variables.iconSizeSmall : variables.iconSizeNormal;
 
@@ -61,7 +68,7 @@ function FloatingActionButton({onPress, onLongPress, isActive, accessibilityLabe
     }, [isActive, sharedValue]);
 
     const animatedStyle = useAnimatedStyle(() => {
-        const backgroundColor = interpolateColor(sharedValue.get(), [0, 1], [success, buttonDefaultBG]);
+        const backgroundColor = interpolateColor(sharedValue.get(), [0, 1], [buttonDefaultBG, buttonHoveredBG]);
 
         return {
             transform: [{rotate: `${sharedValue.get() * 135}deg`}],
@@ -85,45 +92,84 @@ function FloatingActionButton({onPress, onLongPress, isActive, accessibilityLabe
         onLongPress?.(event);
     };
 
+    if (isLHBVisible) {
+        return (
+            <PressableWithoutFeedback
+                ref={(el) => {
+                    fabPressable.current = el ?? null;
+                    if (buttonRef && 'current' in buttonRef) {
+                        buttonRef.current = el ?? null;
+                    }
+                }}
+                style={[
+                    styles.navigationTabBarFABItem,
+
+                    // Prevent text selection on touch devices (e.g. on long press)
+                    canUseTouchScreen() && styles.userSelectNone,
+                    styles.flex1,
+                ]}
+                accessibilityLabel={accessibilityLabel}
+                onPress={toggleFabAction}
+                onLongPress={longPressFabAction}
+                role={role}
+                shouldUseHapticsOnLongPress
+                testID="floating-action-button"
+            >
+                {({hovered}) => (
+                    <Animated.View
+                        style={[styles.floatingActionButton, {borderRadius}, styles.floatingActionButtonSmall, animatedStyle, hovered && {backgroundColor: buttonHoveredBG}]}
+                        testID="fab-animated-container"
+                    >
+                        <Svg
+                            width={fabSize}
+                            height={fabSize}
+                        >
+                            <AnimatedPath
+                                d={isLHBVisible ? SMALL_FAB_PATH : FAB_PATH}
+                                fill={icon}
+                            />
+                        </Svg>
+                    </Animated.View>
+                )}
+            </PressableWithoutFeedback>
+        );
+    }
+
     return (
-        <PressableWithoutFeedback
-            ref={(el) => {
-                fabPressable.current = el ?? null;
-                if (buttonRef && 'current' in buttonRef) {
-                    buttonRef.current = el ?? null;
-                }
-            }}
+        <PressableWithFeedback
+            onPress={onPress}
+            role={CONST.ROLE.BUTTON}
+            accessibilityLabel={translate('common.create')}
+            wrapperStyle={styles.flex1}
             style={[
-                styles.h100,
-                styles.navigationTabBarItem,
+                styles.navigationTabBarFABItem,
 
                 // Prevent text selection on touch devices (e.g. on long press)
                 canUseTouchScreen() && styles.userSelectNone,
+                styles.flex1,
             ]}
-            accessibilityLabel={accessibilityLabel}
-            onPress={toggleFabAction}
-            onLongPress={longPressFabAction}
-            role={role}
-            shouldUseHapticsOnLongPress
-            testID="floating-action-button"
+            testID="create-action-button"
         >
-            {({hovered}) => (
-                <Animated.View
-                    style={[styles.floatingActionButton, {borderRadius}, isLHBVisible && styles.floatingActionButtonSmall, animatedStyle, hovered && {backgroundColor: successHover}]}
-                    testID="fab-animated-container"
+            <View
+                testID="fab-container"
+                style={styles.navigationTabBarItem}
+            >
+                <View>
+                    <Icon
+                        src={PlusCircle}
+                        fill={icon}
+                        width={variables.iconBottomBar}
+                        height={variables.iconBottomBar}
+                    />
+                </View>
+                <Text
+                    numberOfLines={1}
+                    style={[styles.textSmall, styles.textAlignCenter, styles.mt1Half, styles.textSupporting, styles.navigationTabBarLabel]}
                 >
-                    <Svg
-                        width={fabSize}
-                        height={fabSize}
-                    >
-                        <AnimatedPath
-                            d={isLHBVisible ? SMALL_FAB_PATH : FAB_PATH}
-                            fill={textLight}
-                        />
-                    </Svg>
-                </Animated.View>
-            )}
-        </PressableWithoutFeedback>
+                    {translate('common.create')}
+                </Text>
+            </View>
+        </PressableWithFeedback>
     );
 }
 
diff --git a/src/components/FloatingCameraButton.tsx b/src/components/FloatingCameraButton.tsx
new file mode 100644
index 000000000000..821cc0cc4c44
--- /dev/null
+++ b/src/components/FloatingCameraButton.tsx
@@ -0,0 +1,91 @@
+import React, {useMemo} from 'react';
+import {View} from 'react-native';
+import type {OnyxEntry} from 'react-native-onyx';
+import useLocalize from '@hooks/useLocalize';
+import useOnyx from '@hooks/useOnyx';
+import useTheme from '@hooks/useTheme';
+import useThemeStyles from '@hooks/useThemeStyles';
+import {startMoneyRequest} from '@libs/actions/IOU';
+import {canUseTouchScreen} from '@libs/DeviceCapabilities';
+import interceptAnonymousUser from '@libs/interceptAnonymousUser';
+import Navigation from '@libs/Navigation/Navigation';
+import {generateReportID, getWorkspaceChats} from '@libs/ReportUtils';
+import {shouldRestrictUserBillableActions} from '@libs/SubscriptionUtils';
+import variables from '@styles/variables';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import ROUTES from '@src/ROUTES';
+import type * as OnyxTypes from '@src/types/onyx';
+import {isEmptyObject} from '@src/types/utils/EmptyObject';
+import Icon from './Icon';
+import {Camera} from './Icon/Expensicons';
+import {PressableWithoutFeedback} from './Pressable';
+
+const sessionSelector = (session: OnyxEntry<OnyxTypes.Session>) => ({email: session?.email, accountID: session?.accountID});
+
+function FloatingCameraButton() {
+    const {textLight} = useTheme();
+    const styles = useThemeStyles();
+    const {translate} = useLocalize();
+
+    const [activePolicyID] = useOnyx(ONYXKEYS.NVP_ACTIVE_POLICY_ID, {canBeMissing: true});
+    const [activePolicy] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY}${activePolicyID}`, {canBeMissing: true});
+    const [session] = useOnyx(ONYXKEYS.SESSION, {canBeMissing: false, selector: sessionSelector});
+    const [allTransactionDrafts] = useOnyx(ONYXKEYS.COLLECTION.TRANSACTION_DRAFT, {canBeMissing: true});
+    const reportID = useMemo(() => generateReportID(), []);
+
+    const [policyChatForActivePolicy] = useOnyx(ONYXKEYS.COLLECTION.REPORT, {
+        canBeMissing: true,
+        selector: (reports) => {
+            if (isEmptyObject(activePolicy) || !activePolicy?.isPolicyExpenseChatEnabled) {
+                return undefined;
+            }
+            const policyChatsForActivePolicy = getWorkspaceChats(activePolicyID, [session?.accountID ?? CONST.DEFAULT_NUMBER_ID], reports);
+            return policyChatsForActivePolicy.at(0);
+        },
+    });
+
+    const onPress = () => {
+        interceptAnonymousUser(() => {
+            if (policyChatForActivePolicy?.policyID && shouldRestrictUserBillableActions(policyChatForActivePolicy.policyID)) {
+                Navigation.navigate(ROUTES.RESTRICTED_ACTION.getRoute(policyChatForActivePolicy.policyID));
+                return;
+            }
+
+            const quickActionReportID = policyChatForActivePolicy?.reportID ?? reportID;
+            startMoneyRequest(CONST.IOU.TYPE.SUBMIT, quickActionReportID, CONST.IOU.REQUEST_TYPE.SCAN, true, undefined, allTransactionDrafts);
+        });
+    };
+
+    return (
+        <PressableWithoutFeedback
+            style={[
+                styles.navigationTabBarFABItem,
+                styles.ph0,
+                // Prevent text selection on touch devices (e.g. on long press)
+                canUseTouchScreen() && styles.userSelectNone,
+                styles.floatingCameraButton,
+            ]}
+            accessibilityLabel={translate('sidebarScreen.fabScanReceiptExplained')}
+            onPress={onPress}
+            role={CONST.ROLE.BUTTON}
+            testID="floating-camera-button"
+        >
+            <View
+                style={styles.floatingActionButton}
+                testID="floating-camera-button-container"
+            >
+                <Icon
+                    fill={textLight}
+                    src={Camera}
+                    width={variables.iconSizeNormal}
+                    height={variables.iconSizeNormal}
+                />
+            </View>
+        </PressableWithoutFeedback>
+    );
+}
+
+FloatingCameraButton.displayName = 'FloatingCameraButton';
+
+export default FloatingCameraButton;
diff --git a/src/components/FloatingReceiptButton.tsx b/src/components/FloatingReceiptButton.tsx
new file mode 100644
index 000000000000..ea10344b6b77
--- /dev/null
+++ b/src/components/FloatingReceiptButton.tsx
@@ -0,0 +1,72 @@
+import React, {useRef} from 'react';
+// eslint-disable-next-line no-restricted-imports
+import type {GestureResponderEvent, Role, Text, View as ViewType} from 'react-native';
+import {View} from 'react-native';
+import useTheme from '@hooks/useTheme';
+import useThemeStyles from '@hooks/useThemeStyles';
+import {canUseTouchScreen} from '@libs/DeviceCapabilities';
+import variables from '@styles/variables';
+import Icon from './Icon';
+import {ReceiptPlus} from './Icon/Expensicons';
+import {PressableWithoutFeedback} from './Pressable';
+
+type FloatingReceiptButtonProps = {
+    /* Callback to fire on request to toggle the FloatingReceiptButton */
+    onPress: (event: GestureResponderEvent | KeyboardEvent | undefined) => void;
+
+    /* An accessibility label for the button */
+    accessibilityLabel: string;
+
+    /* An accessibility role for the button */
+    role: Role;
+};
+
+function FloatingReceiptButton({onPress, accessibilityLabel, role}: FloatingReceiptButtonProps) {
+    const {successHover, textLight} = useTheme();
+    const styles = useThemeStyles();
+    const borderRadius = styles.floatingActionButton.borderRadius;
+    const fabPressable = useRef<HTMLDivElement | ViewType | Text | null>(null);
+
+    const toggleFabAction = (event: GestureResponderEvent | KeyboardEvent | undefined) => {
+        // Drop focus to avoid blue focus ring.
+        fabPressable.current?.blur();
+        onPress(event);
+    };
+
+    return (
+        <PressableWithoutFeedback
+            ref={(el) => {
+                fabPressable.current = el ?? null;
+            }}
+            style={[
+                styles.navigationTabBarFABItem,
+
+                // Prevent text selection on touch devices (e.g. on long press)
+                canUseTouchScreen() && styles.userSelectNone,
+            ]}
+            accessibilityLabel={accessibilityLabel}
+            onPress={toggleFabAction}
+            role={role}
+            shouldUseHapticsOnLongPress
+            testID="floating-receipt-button"
+        >
+            {({hovered}) => (
+                <View
+                    style={[styles.floatingActionButton, {borderRadius}, styles.floatingActionButtonSmall, hovered && {backgroundColor: successHover}]}
+                    testID="floating-receipt-button-container"
+                >
+                    <Icon
+                        fill={textLight}
+                        src={ReceiptPlus}
+                        width={variables.iconSizeSmall}
+                        height={variables.iconSizeSmall}
+                    />
+                </View>
+            )}
+        </PressableWithoutFeedback>
+    );
+}
+
+FloatingReceiptButton.displayName = 'FloatingReceiptButton';
+
+export default FloatingReceiptButton;
diff --git a/src/components/Icon/Expensicons.ts b/src/components/Icon/Expensicons.ts
index 91bc0a1207c7..1a885a21901c 100644
--- a/src/components/Icon/Expensicons.ts
+++ b/src/components/Icon/Expensicons.ts
@@ -161,6 +161,7 @@ import Phone from '@assets/images/phone.svg';
 import Pin from '@assets/images/pin.svg';
 import Plane from '@assets/images/plane.svg';
 import Play from '@assets/images/play.svg';
+import PlusCircle from '@assets/images/plus-circle.svg';
 import PlusMinus from '@assets/images/plus-minus.svg';
 import Plus from '@assets/images/plus.svg';
 import Printer from '@assets/images/printer.svg';
@@ -452,4 +453,5 @@ export {
     SageIntacctExport,
     XeroExport,
     ArrowCircleClockwise,
+    PlusCircle,
 };
diff --git a/src/components/Navigation/NavigationTabBar/index.tsx b/src/components/Navigation/NavigationTabBar/index.tsx
index 918de5f18868..cc7d66003514 100644
--- a/src/components/Navigation/NavigationTabBar/index.tsx
+++ b/src/components/Navigation/NavigationTabBar/index.tsx
@@ -324,7 +324,7 @@ function NavigationTabBar({selectedTab, isTopLevelBar = false}: NavigationTabBar
                             onPress={navigateToSettings}
                         />
                     </View>
-                    <View style={styles.leftNavigationTabBarItem}>
+                    <View style={styles.leftNavigationTabBarFAB}>
                         <NavigationTabBarFloatingActionButton />
                     </View>
                 </View>
diff --git a/src/components/Navigation/TopLevelNavigationTabBar/index.tsx b/src/components/Navigation/TopLevelNavigationTabBar/index.tsx
index c3c3be75e349..981b1676d9b3 100644
--- a/src/components/Navigation/TopLevelNavigationTabBar/index.tsx
+++ b/src/components/Navigation/TopLevelNavigationTabBar/index.tsx
@@ -1,13 +1,16 @@
 import type {ParamListBase} from '@react-navigation/native';
 import React, {useContext, useEffect, useRef, useState} from 'react';
 import {InteractionManager, View} from 'react-native';
+import FloatingCameraButton from '@components/FloatingCameraButton';
 import {FullScreenBlockingViewContext} from '@components/FullScreenBlockingViewContextProvider';
 import NavigationTabBar from '@components/Navigation/NavigationTabBar';
 import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import useSafeAreaPaddings from '@hooks/useSafeAreaPaddings';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useThemeStyles from '@hooks/useThemeStyles';
+import getPlatform from '@libs/getPlatform';
 import type {PlatformStackNavigationState} from '@libs/Navigation/PlatformStackNavigation/types';
+import CONST from '@src/CONST';
 import getIsNavigationTabBarVisibleDirectly from './getIsNavigationTabBarVisibleDirectly';
 import getIsScreenWithNavigationTabBarFocused from './getIsScreenWithNavigationTabBarFocused';
 import getSelectedTab from './getSelectedTab';
@@ -43,6 +46,10 @@ function TopLevelNavigationTabBar({state}: TopLevelNavigationTabBarProps) {
     const isReadyToDisplayBottomBar = isAfterClosingTransition && shouldDisplayBottomBar && !isBlockingViewVisible;
     const shouldDisplayLHB = !shouldUseNarrowLayout;
 
+    const platform = getPlatform(true);
+    // We want to display the floating camera button on mobile devices (both web and native)
+    const shouldShowFloatingCameraButton = platform !== CONST.PLATFORM.WEB && platform !== CONST.PLATFORM.DESKTOP;
+
     useEffect(() => {
         if (!shouldDisplayBottomBar) {
             // If the bottom tab is not visible, that means there is a screen covering it.
@@ -74,6 +81,7 @@ function TopLevelNavigationTabBar({state}: TopLevelNavigationTabBarProps) {
                 selectedTab={selectedTab}
                 isTopLevelBar
             />
+            {shouldShowFloatingCameraButton && <FloatingCameraButton />}
         </View>
     );
 }
diff --git a/src/components/Search/SearchPageFooter.tsx b/src/components/Search/SearchPageFooter.tsx
index 7f428e162a7f..c2f4f5d62097 100644
--- a/src/components/Search/SearchPageFooter.tsx
+++ b/src/components/Search/SearchPageFooter.tsx
@@ -3,6 +3,7 @@ import {View} from 'react-native';
 import Text from '@components/Text';
 import useLocalize from '@hooks/useLocalize';
 import useNetwork from '@hooks/useNetwork';
+import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import useStyleUtils from '@hooks/useStyleUtils';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
@@ -21,10 +22,22 @@ function SearchPageFooter({count, total, currency}: SearchPageFooterProps) {
     const {translate} = useLocalize();
     const {isOffline} = useNetwork();
 
+    const {shouldUseNarrowLayout} = useResponsiveLayout();
+
     const valueTextStyle = useMemo(() => (isOffline ? [styles.textLabelSupporting, styles.labelStrong] : [styles.labelStrong]), [isOffline, styles]);
 
     return (
-        <View style={[styles.justifyContentEnd, styles.borderTop, styles.ph5, styles.pv3, styles.flexRow, styles.gap3, StyleUtils.getBackgroundColorStyle(theme.appBG)]}>
+        <View
+            style={[
+                shouldUseNarrowLayout ? styles.justifyContentStart : styles.justifyContentEnd,
+                styles.borderTop,
+                styles.ph5,
+                styles.pv3,
+                styles.flexRow,
+                styles.gap3,
+                StyleUtils.getBackgroundColorStyle(theme.appBG),
+            ]}
+        >
             <View style={[styles.flexRow, styles.gap1]}>
                 <Text style={styles.textLabelSupporting}>{`${translate('common.expenses')}:`}</Text>
                 <Text style={valueTextStyle}>{count}</Text>
diff --git a/src/components/Search/SearchPageHeader/SearchTypeMenuPopover.tsx b/src/components/Search/SearchPageHeader/SearchTypeMenuPopover.tsx
index 674d819e42b9..96d94f250193 100644
--- a/src/components/Search/SearchPageHeader/SearchTypeMenuPopover.tsx
+++ b/src/components/Search/SearchPageHeader/SearchTypeMenuPopover.tsx
@@ -28,7 +28,7 @@ function SearchTypeMenuPopover({queryJSON}: SearchTypeMenuNarrowProps) {
                 <PopoverMenu
                     menuItems={allMenuItems}
                     isVisible={isPopoverVisible}
-                    anchorPosition={styles.createMenuPositionSidebar(windowHeight)}
+                    anchorPosition={styles.createMenuPositionSearchBar(windowHeight)}
                     onClose={closeMenu}
                     onItemSelected={closeMenu}
                     anchorRef={buttonRef}
diff --git a/src/languages/de.ts b/src/languages/de.ts
index 925b2ab05a51..7d9d264091ec 100644
--- a/src/languages/de.ts
+++ b/src/languages/de.ts
@@ -975,6 +975,7 @@ const translations = {
         buttonMySettings: 'Meine Einstellungen',
         fabNewChat: 'Chat starten',
         fabNewChatExplained: 'Chat starten (Floating action)',
+        fabScanReceiptExplained: 'Kassenbon scannen (Floating Action)',
         chatPinned: 'Chat angeheftet',
         draftedMessage: 'Entwurfene Nachricht',
         listOfChatMessages: 'Liste der Chatnachrichten',
diff --git a/src/languages/en.ts b/src/languages/en.ts
index 705f577d54bd..9afdec9d3879 100755
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -960,6 +960,7 @@ const translations = {
         buttonMySettings: 'My settings',
         fabNewChat: 'Start chat',
         fabNewChatExplained: 'Start chat (Floating action)',
+        fabScanReceiptExplained: 'Scan receipt (Floating action)',
         chatPinned: 'Chat pinned',
         draftedMessage: 'Drafted message',
         listOfChatMessages: 'List of chat messages',
diff --git a/src/languages/es.ts b/src/languages/es.ts
index cf003ed87f92..9a174cdb7f9f 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -947,6 +947,7 @@ const translations = {
         buttonMySettings: 'Mi configuración',
         fabNewChat: 'Iniciar chat',
         fabNewChatExplained: 'Iniciar chat (Acción flotante)',
+        fabScanReceiptExplained: 'Escanear recibo (Acción flotante)',
         chatPinned: 'Chat fijado',
         draftedMessage: 'Mensaje borrador',
         listOfChatMessages: 'Lista de mensajes del chat',
diff --git a/src/languages/fr.ts b/src/languages/fr.ts
index e24eba896b7a..c776d1a31184 100644
--- a/src/languages/fr.ts
+++ b/src/languages/fr.ts
@@ -972,6 +972,7 @@ const translations = {
         buttonMySettings: 'Mes paramètres',
         fabNewChat: 'Démarrer le chat',
         fabNewChatExplained: 'Démarrer la discussion (Action flottante)',
+        fabScanReceiptExplained: 'Scanner le reçu (Action flottante)',
         chatPinned: 'Discussion épinglée',
         draftedMessage: 'Message rédigé',
         listOfChatMessages: 'Liste des messages de chat',
diff --git a/src/languages/it.ts b/src/languages/it.ts
index 84175aee346c..5f3a21c6f93f 100644
--- a/src/languages/it.ts
+++ b/src/languages/it.ts
@@ -969,6 +969,7 @@ const translations = {
         buttonMySettings: 'Le mie impostazioni',
         fabNewChat: 'Inizia chat',
         fabNewChatExplained: 'Avvia chat (Azione flottante)',
+        fabScanReceiptExplained: 'Scansiona ricevuta (Azione flottante)',
         chatPinned: 'Chat fissata',
         draftedMessage: 'Messaggio redatto',
         listOfChatMessages: 'Elenco dei messaggi di chat',
diff --git a/src/languages/ja.ts b/src/languages/ja.ts
index 6068f53a5fe2..a98c45d4ddcc 100644
--- a/src/languages/ja.ts
+++ b/src/languages/ja.ts
@@ -971,6 +971,7 @@ const translations = {
         buttonMySettings: '私の設定',
         fabNewChat: 'チャットを開始',
         fabNewChatExplained: 'チャットを開始 (フローティングアクション)',
+        fabScanReceiptExplained: 'レシートをスキャン（フローティングアクション）',
         chatPinned: 'チャットがピン留めされました',
         draftedMessage: '下書きメッセージ',
         listOfChatMessages: 'チャットメッセージのリスト',
diff --git a/src/languages/nl.ts b/src/languages/nl.ts
index 775944de6f86..2e0a971a5af1 100644
--- a/src/languages/nl.ts
+++ b/src/languages/nl.ts
@@ -968,6 +968,7 @@ const translations = {
         buttonMySettings: 'Mijn instellingen',
         fabNewChat: 'Chat starten',
         fabNewChatExplained: 'Start chat (Zwevende actie)',
+        fabScanReceiptExplained: 'Bon scannen (Zwevende actie)',
         chatPinned: 'Chat vastgezet',
         draftedMessage: 'Opgesteld bericht',
         listOfChatMessages: 'Lijst van chatberichten',
diff --git a/src/languages/pl.ts b/src/languages/pl.ts
index 5db82696abb4..b53edd4e7b86 100644
--- a/src/languages/pl.ts
+++ b/src/languages/pl.ts
@@ -970,6 +970,7 @@ const translations = {
         buttonMySettings: 'Moje ustawienia',
         fabNewChat: 'Rozpocznij czat',
         fabNewChatExplained: 'Rozpocznij czat (Pływająca akcja)',
+        fabScanReceiptExplained: 'Skanuj paragon (Pływająca akcja)',
         chatPinned: 'Czat przypięty',
         draftedMessage: 'Wiadomość robocza',
         listOfChatMessages: 'Lista wiadomości czatu',
diff --git a/src/languages/pt-BR.ts b/src/languages/pt-BR.ts
index 389babf3ad0c..dc40653040ba 100644
--- a/src/languages/pt-BR.ts
+++ b/src/languages/pt-BR.ts
@@ -971,6 +971,7 @@ const translations = {
         buttonMySettings: 'Minhas configurações',
         fabNewChat: 'Iniciar chat',
         fabNewChatExplained: 'Iniciar chat (Ação flutuante)',
+        fabScanReceiptExplained: 'Digitalizar recibo (Ação flutuante)',
         chatPinned: 'Conversa fixada',
         draftedMessage: 'Mensagem rascunhada',
         listOfChatMessages: 'Lista de mensagens de chat',
diff --git a/src/languages/zh-hans.ts b/src/languages/zh-hans.ts
index aca7642e9592..e78fb49fe0a7 100644
--- a/src/languages/zh-hans.ts
+++ b/src/languages/zh-hans.ts
@@ -966,6 +966,7 @@ const translations = {
         buttonMySettings: '我的设置',
         fabNewChat: '开始聊天',
         fabNewChatExplained: '开始聊天（浮动操作）',
+        fabScanReceiptExplained: '扫描收据（浮动操作）',
         chatPinned: '聊天已置顶',
         draftedMessage: '草稿消息',
         listOfChatMessages: '聊天消息列表',
diff --git a/src/pages/home/sidebar/FloatingActionButtonAndPopover.tsx b/src/pages/home/sidebar/FloatingActionButtonAndPopover.tsx
index f5b49b649555..2cac1a5cf3c7 100644
--- a/src/pages/home/sidebar/FloatingActionButtonAndPopover.tsx
+++ b/src/pages/home/sidebar/FloatingActionButtonAndPopover.tsx
@@ -9,6 +9,7 @@ import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
 import ConfirmModal from '@components/ConfirmModal';
 import {DelegateNoAccessContext} from '@components/DelegateNoAccessModalProvider';
 import FloatingActionButton from '@components/FloatingActionButton';
+import FloatingReceiptButton from '@components/FloatingReceiptButton';
 import * as Expensicons from '@components/Icon/Expensicons';
 import type {PopoverMenuItem} from '@components/PopoverMenu';
 import PopoverMenu from '@components/PopoverMenu';
@@ -580,7 +581,7 @@ function FloatingActionButtonAndPopover({onHideCreateMenu, onShowCreateMenu, ref
     ];
 
     return (
-        <View style={[styles.flexGrow1, styles.justifyContentCenter, styles.alignItemsCenter]}>
+        <View style={[styles.justifyContentCenter, styles.flexGrow1, styles.gap3, shouldUseNarrowLayout ? styles.w100 : styles.pv4]}>
             <PopoverMenu
                 onClose={hideCreateMenu}
                 shouldEnableMaxHeight={false}
@@ -619,6 +620,13 @@ function FloatingActionButtonAndPopover({onHideCreateMenu, onShowCreateMenu, ref
                 confirmText={translate('exitSurvey.goToExpensifyClassic')}
                 cancelText={translate('common.cancel')}
             />
+            {!shouldUseNarrowLayout && (
+                <FloatingReceiptButton
+                    accessibilityLabel={translate('sidebarScreen.fabScanReceiptExplained')}
+                    role={CONST.ROLE.BUTTON}
+                    onPress={startScan}
+                />
+            )}
             <FloatingActionButton
                 accessibilityLabel={translate('sidebarScreen.fabNewChatExplained')}
                 role={CONST.ROLE.BUTTON}
diff --git a/src/styles/index.ts b/src/styles/index.ts
index d6db3f322299..1affa71c43f2 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -668,6 +668,13 @@ const staticStyles = (theme: ThemeColors) =>
             paddingHorizontal: 4,
         },
 
+        navigationTabBarFABItem: {
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            paddingHorizontal: 4,
+        },
+
         /**
          * Background style applied to navigation tab bar items when they are hovered.
          * Do not apply for the active/selected state, those already have their own styling.
@@ -695,6 +702,13 @@ const staticStyles = (theme: ThemeColors) =>
             paddingHorizontal: 4,
         },
 
+        leftNavigationTabBarFAB: {
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            paddingHorizontal: 4,
+        },
+
         button: {
             backgroundColor: theme.buttonDefaultBG,
             borderRadius: variables.buttonBorderRadius,
@@ -1574,6 +1588,13 @@ const staticStyles = (theme: ThemeColors) =>
             height: variables.componentSizeNormal,
         },
 
+        floatingCameraButton: {
+            position: 'absolute',
+            top: -variables.componentSizeLarge - 16,
+            right: 16,
+            zIndex: 10,
+        },
+
         topBarLabel: {
             color: theme.text,
             fontSize: variables.fontSizeXLarge,
@@ -5487,6 +5508,14 @@ const dynamicStyles = (theme: ThemeColors) =>
             }) satisfies ViewStyle,
 
         createMenuPositionSidebar: (windowHeight: number) =>
+            ({
+                horizontal: 16,
+                // Menu should be displayed 8px above the floating action button.
+                // To achieve that sidebar must be moved by: distance from the bottom of the sidebar to the fab (16px) + fab height on a wide layout (variables.componentSizeNormal) + distance above the fab (8px)
+                vertical: windowHeight - 16 - variables.componentSizeNormal - 8,
+            }) satisfies AnchorPosition,
+
+        createMenuPositionSearchBar: (windowHeight: number) =>
             ({
                 horizontal: 18,
                 // Menu should be displayed 12px above the floating action button.
diff --git a/tests/ui/FloatingActionButtonTest.tsx b/tests/ui/FloatingActionButtonTest.tsx
index 61130959a852..2b32dafc0f48 100644
--- a/tests/ui/FloatingActionButtonTest.tsx
+++ b/tests/ui/FloatingActionButtonTest.tsx
@@ -54,14 +54,14 @@ describe('FloatingActionButton hover', () => {
         const animatedContainer = screen.getByTestId('fab-animated-container');
 
         // Before hover, should not have successHover background
-        expect(animatedContainer).not.toHaveStyle({backgroundColor: colors.greenHover});
+        expect(animatedContainer).not.toHaveStyle({backgroundColor: colors.productDark500});
 
         // Test hover in
         fireEvent(fab, 'hoverIn');
-        expect(animatedContainer).toHaveStyle({backgroundColor: colors.greenHover});
+        expect(animatedContainer).toHaveStyle({backgroundColor: colors.productDark500});
 
         // Test hover out
         fireEvent(fab, 'hoverOut');
-        expect(animatedContainer).not.toHaveStyle({backgroundColor: colors.greenHover});
+        expect(animatedContainer).not.toHaveStyle({backgroundColor: colors.productDark500});
     });
 });