diff --git a/public/locales/de/translation.json b/public/locales/de/translation.json
index 42aa4d4..364f37f 100644
--- a/public/locales/de/translation.json
+++ b/public/locales/de/translation.json
@@ -270,8 +270,7 @@
     "unlinkGoogleCalendar": {
       "title": "Google Kalender trennen",
       "description": "Aus Sicherheitsgründen müssen Sie Ihr Passwort eingeben, um die Verbindung zu Ihrem Google Kalender zu trennen.",
-      "checkboxDeleteCalendars": "Kalender für Öffnungszeiten und Termine löschen (Alle Termine werden gelöscht und können nicht wiederhergestellt werden)",
-      "button": "Google Kalender trennen"
+      "checkboxDeleteCalendars": "Kalender für Öffnungszeiten und Termine löschen (Alle Termine werden gelöscht und können nicht wiederhergestellt werden)"
     },
     "calendarFrameCustomerView": "Terminkalenderansicht der Kunden",
     "modalShareCalendarLink": {
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
index b387779..af28097 100644
--- a/public/locales/en/translation.json
+++ b/public/locales/en/translation.json
@@ -273,8 +273,7 @@
     "unlinkGoogleCalendar": {
       "title": "Unlink Google Calendar",
       "description": "For security reasons, you need to enter your password to unlink your Google Calendar.",
-      "checkboxDeleteCalendars": "Delete calendar for opening hours and appointments (all appointments are deleted and cannot be restored)",
-      "button": "Unlink Google Calendar"
+      "checkboxDeleteCalendars": "Delete calendar for opening hours and appointments (all appointments are deleted and cannot be restored)"
     },
     "calendarFrameCustomerView": "Appointment diary view of customers",
     "modalShareCalendarLink": {
diff --git a/src/Pages/Store/Calendar/index.js b/src/Pages/Store/Calendar/index.js
index 9b8fe1a..366ca08 100644
--- a/src/Pages/Store/Calendar/index.js
+++ b/src/Pages/Store/Calendar/index.js
@@ -42,6 +42,7 @@ import MyModal, {
 } from "../../../Components/MyModal";
 import { useParams } from "react-router-dom";
 import {
+  LogoutOutlined,
   MailOutlined,
   ShareAltOutlined,
   WhatsAppOutlined,
@@ -458,84 +459,62 @@ function CardPersonalCalendarSettings({ settings }) {
     formUnlinkCalendar.resetFields();
   }, [isModalOpen]);
 
-  const CardTitleContent = () => {
-    return (
-      <>
-        <Typography.Title
-          level={5}
-          style={{
-            padding: 0,
-            margin: 0,
-          }}
-        >
-          {t("calendar.cardPersonalCalendarSettings.title")}
-        </Typography.Title>
-
-        <Space>
-          <RequestStateItem
-            state={requestState}
-            setRequestState={setRequestState}
-          />
-
-          {settings.google_account_name !== undefined &&
-          settings.google_account_name !== "" &&
-          settings.google_account_picture !== undefined &&
-          settings.google_account_picture !== "" ? (
-            <Tooltip
-              title={t(
-                "calendar.cardPersonalCalendarSettings.tooltipConnectedGoogleAccount",
-                {
-                  accountName: settings.google_account_name,
-                }
-              )}
-              placement="top"
-            >
-              <Avatar src={settings.google_account_picture} />
-            </Tooltip>
-          ) : null}
-
-          <Button
-            danger
-            onClick={() => setIsModalOpen(true)}
-            style={{ paddingBottom: 10 }}
-          >
-            {t("calendar.unlinkGoogleCalendar.button")}
-          </Button>
-        </Space>
-      </>
-    );
-  };
-
   return (
     <>
       {notificationContextHolder}
 
       <Card
         title={
-          screenBreakpoint.xxl ? (
-            <div
+          <div
+            style={{
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              justifyItems: "center",
+              alignContent: "center",
+              overflowX: "scroll",
+              overflow: "auto",
+            }}
+          >
+            <Typography.Title
+              level={5}
               style={{
-                display: "flex",
-                justifyContent: "space-between",
-                alignItems: "center",
-                justifyItems: "center",
-                alignContent: "center",
+                padding: 0,
+                margin: 0,
               }}
             >
-              <CardTitleContent />
-            </div>
-          ) : (
-            <div
-              style={{
-                display: "flex",
-                flexDirection: "column",
-                paddingTop: 10,
-                paddingBottom: 10,
-              }}
-            >
-              <CardTitleContent />
-            </div>
-          )
+              {t("calendar.cardPersonalCalendarSettings.title")}
+            </Typography.Title>
+
+            <Space>
+              <RequestStateItem
+                state={requestState}
+                setRequestState={setRequestState}
+              />
+
+              {settings.google_account_name !== undefined &&
+              settings.google_account_name !== "" &&
+              settings.google_account_picture !== undefined &&
+              settings.google_account_picture !== "" ? (
+                <Tooltip
+                  title={t(
+                    "calendar.cardPersonalCalendarSettings.tooltipConnectedGoogleAccount",
+                    {
+                      accountName: settings.google_account_name,
+                    }
+                  )}
+                  placement="top"
+                >
+                  <Avatar src={settings.google_account_picture} />
+                </Tooltip>
+              ) : null}
+
+              <LogoutOutlined
+                onClick={() => setIsModalOpen(true)}
+                style={{ paddingTop: 6, color: "#ff4d4f" }}
+              />
+            </Space>
+          </div>
         }
       >
         <Form form={form} requiredMark={false}>