IO-306 Furhter dashboard development

client/src/components/dashboard-components/refresh-required.component.jsx

@@ -1,8 +1,8 @@
-import { Card, Typography } from "antd";
 import { SyncOutlined } from "@ant-design/icons";
-
+import { Card } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
+
 export default function DashboardRefreshRequired(props) {
   const { t } = useTranslation();
 
@@ -11,14 +11,14 @@ export default function DashboardRefreshRequired(props) {
       <div
         style={{
           display: "flex",
+          flexDirection: "column",
           justifyContent: "center",
           alignItems: "center",
+          textOverflow: "ellipsis",
         }}
       >
-        <SyncOutlined />
-        <Typography.Title level={4}>
-          {t("dashboard.errors.refreshrequired")}
-        </Typography.Title>
+        <SyncOutlined style={{ fontSize: "300%", margin: "1rem" }} />
+        <div>{t("dashboard.errors.refreshrequired")}</div>
       </div>
     </Card>
   );