diff --git a/frontend/src/components/admin/servers/RestartServer.tsx b/frontend/src/components/admin/servers/RestartServer.tsx
new file mode 100644
index 0000000..87bded7
--- /dev/null
+++ b/frontend/src/components/admin/servers/RestartServer.tsx
@@ -0,0 +1,22 @@
+import {Button} from "@/components/ui/button";
+import {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from "@/components/ui/tooltip";
+import {RotateCcw} from "lucide-react";
+
+export default function RestartServer() {
+    return (
+        <div>
+            <TooltipProvider>
+                <Tooltip>
+                    <TooltipTrigger asChild>
+                        <Button variant={"outline"} size={"icon"}>
+                            <RotateCcw />
+                        </Button>
+                    </TooltipTrigger>
+                    <TooltipContent>
+                        <p>Restart Server ... Needs added still</p>
+                    </TooltipContent>
+                </Tooltip>
+            </TooltipProvider>
+        </div>
+    );
+}
diff --git a/frontend/src/components/admin/servers/ServerPage.tsx b/frontend/src/components/admin/servers/ServerPage.tsx
index a046d9b..c7fd1be 100644
--- a/frontend/src/components/admin/servers/ServerPage.tsx
+++ b/frontend/src/components/admin/servers/ServerPage.tsx
@@ -10,6 +10,9 @@ import {useRouter} from "@tanstack/react-router";
 import {format} from "date-fns";
 import UpdateServer from "./UpdateServer";
 import {adminUrlCheck} from "@/utils/adminUrlCheck";
+import RestartServer from "./RestartServer";
+import StopServer from "./StopServer";
+import StartServer from "./StartServer";
 
 export type Servers = {
     server_id?: string;
@@ -86,7 +89,14 @@ export default function ServerPage() {
                                     {format(server.lastUpdated, "MM/dd/yyyy hh:mm")}
                                 </TableCell>
                                 <TableCell className="font-medium">
-                                    {adminUrlCheck() && <UpdateServer server={server} token={token as string} />}
+                                    {adminUrlCheck() && (
+                                        <div className="flex flex-row">
+                                            <UpdateServer server={server} token={token as string} />
+                                            <StartServer />
+                                            <StopServer />
+                                            <RestartServer />
+                                        </div>
+                                    )}
                                 </TableCell>
                             </TableRow>
                         ))}
diff --git a/frontend/src/components/admin/servers/StartServer.tsx b/frontend/src/components/admin/servers/StartServer.tsx
new file mode 100644
index 0000000..99a7fac
--- /dev/null
+++ b/frontend/src/components/admin/servers/StartServer.tsx
@@ -0,0 +1,22 @@
+import {Button} from "@/components/ui/button";
+import {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from "@/components/ui/tooltip";
+import {Play} from "lucide-react";
+
+export default function StartServer() {
+    return (
+        <div>
+            <TooltipProvider>
+                <Tooltip>
+                    <TooltipTrigger asChild>
+                        <Button variant={"outline"} size={"icon"}>
+                            <Play />
+                        </Button>
+                    </TooltipTrigger>
+                    <TooltipContent>
+                        <p>Start Server ... Needs added still</p>
+                    </TooltipContent>
+                </Tooltip>
+            </TooltipProvider>
+        </div>
+    );
+}
diff --git a/frontend/src/components/admin/servers/StopServer.tsx b/frontend/src/components/admin/servers/StopServer.tsx
new file mode 100644
index 0000000..12d6955
--- /dev/null
+++ b/frontend/src/components/admin/servers/StopServer.tsx
@@ -0,0 +1,22 @@
+import {Button} from "@/components/ui/button";
+import {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from "@/components/ui/tooltip";
+import {Octagon} from "lucide-react";
+
+export default function StopServer() {
+    return (
+        <div>
+            <TooltipProvider>
+                <Tooltip>
+                    <TooltipTrigger asChild>
+                        <Button variant={"outline"} size={"icon"}>
+                            <Octagon />
+                        </Button>
+                    </TooltipTrigger>
+                    <TooltipContent>
+                        <p>Stop Server ... Needs added still</p>
+                    </TooltipContent>
+                </Tooltip>
+            </TooltipProvider>
+        </div>
+    );
+}
diff --git a/frontend/src/components/admin/servers/UpdateServer.tsx b/frontend/src/components/admin/servers/UpdateServer.tsx
index 6d1a3aa..be12938 100644
--- a/frontend/src/components/admin/servers/UpdateServer.tsx
+++ b/frontend/src/components/admin/servers/UpdateServer.tsx
@@ -5,6 +5,7 @@ import {Servers} from "./ServerPage";
 import {useQuery} from "@tanstack/react-query";
 import {getSettings} from "@/utils/querys/settings";
 import axios from "axios";
+import {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger} from "@/components/ui/tooltip";
 
 export default function UpdateServer({server, token}: {server: Servers; token: string}) {
     const {data} = useQuery(getSettings(token ?? ""));
@@ -33,9 +34,18 @@ export default function UpdateServer({server, token}: {server: Servers; token: s
     };
     return (
         <div>
-            <Button variant={"outline"} size={"icon"} onClick={upgrade} disabled={server.isUpgrading}>
-                <CircleFadingArrowUp />
-            </Button>
+            <TooltipProvider>
+                <Tooltip>
+                    <TooltipTrigger asChild>
+                        <Button variant={"outline"} size={"icon"} onClick={upgrade} disabled={server.isUpgrading}>
+                            <CircleFadingArrowUp />
+                        </Button>
+                    </TooltipTrigger>
+                    <TooltipContent>
+                        <p>Update {server.sName}</p>
+                    </TooltipContent>
+                </Tooltip>
+            </TooltipProvider>
         </div>
     );
 }
diff --git a/frontend/src/components/ui/tooltip.tsx b/frontend/src/components/ui/tooltip.tsx
index ee7ae86..71ee0fe 100644
--- a/frontend/src/components/ui/tooltip.tsx
+++ b/frontend/src/components/ui/tooltip.tsx
@@ -44,7 +44,7 @@ function TooltipContent({
         data-slot="tooltip-content"
         sideOffset={sideOffset}
         className={cn(
-          "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance",
+          "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
           className
         )}
         {...props}