tabbar width

src/navigation/TabBar.js

@@ -2,7 +2,6 @@ import { Motion } from "@legendapp/motion";
 import * as Haptics from "expo-haptics";
 import React, { useState } from "react";
 import { Text, TouchableOpacity, View } from "react-native";
-
 import ItemContainer from "../components/ItemContainer/ItemContainer";
 import useLayoutType from "../hooks/useLayoutType";
 import { gutters, Palette, Style } from "../styles";
@@ -18,7 +17,7 @@ const TabBar = ({ state = {}, descriptors = {}, navigation = {} }) => {
         position: "absolute",
         bottom: gutters * 2,
         width: "90%",
-        maxWidth: 700,
+        maxWidth: 500,
         alignSelf: "center",
         zIndex: 1,
         justifyContent: "center",