diff --git a/cyclops-ctrl/internal/handler/handler.go b/cyclops-ctrl/internal/handler/handler.go
index 862d15aa..5ac2246e 100644
--- a/cyclops-ctrl/internal/handler/handler.go
+++ b/cyclops-ctrl/internal/handler/handler.go
@@ -79,6 +79,8 @@ func (h *Handler) Start() error {
 
 	h.router.GET("/resources/pods/:namespace/:name/:container/logs", modulesController.GetLogs)
 	h.router.GET("/resources/pods/:namespace/:name/:container/logs/download", modulesController.DownloadLogs)
+	h.router.GET("/resources/deployments/:namespace/:deployment/:container/logs", modulesController.GetDeploymentLogs)
+	h.router.GET("/resources/statefulsets/:namespace/:name/:container/logs", modulesController.GetStatefulSetsLogs)
 
 	h.router.GET("/manifest", modulesController.GetManifest)
 	h.router.GET("/resources", modulesController.GetResource)
diff --git a/cyclops-ui/src/components/k8s-resources/Deployment.tsx b/cyclops-ui/src/components/k8s-resources/Deployment.tsx
index 182f357e..e68c0d15 100644
--- a/cyclops-ui/src/components/k8s-resources/Deployment.tsx
+++ b/cyclops-ui/src/components/k8s-resources/Deployment.tsx
@@ -22,8 +22,21 @@ interface Props {
   namespace: string;
 }
 
+interface container {
+  name: string;
+}
+interface pod {
+  name: string;
+  containers: container[];
+}
+
+interface deployment {
+  status: string;
+  pods: pod[];
+}
+
 const Deployment = ({ name, namespace }: Props) => {
-  const [deployment, setDeployment] = useState({
+  const [deployment, setDeployment] = useState<deployment>({
     status: "",
     pods: [],
   });
@@ -35,6 +48,10 @@ const Deployment = ({ name, namespace }: Props) => {
     containers: [],
     initContainers: [],
   });
+  const [deploymentLogs, setDeploymentLogs] = useState("");
+  const [deploymentLogsModal, setDeploymentLogsModal] = useState({
+    on: false,
+  });
   const [error, setError] = useState({
     message: "",
     description: "",
@@ -78,6 +95,13 @@ const Deployment = ({ name, namespace }: Props) => {
     setLogs("");
   };
 
+  const handleCancelDeploymentLogs = () => {
+    setDeploymentLogsModal({
+      on: false,
+    });
+    setDeploymentLogs("");
+  };
+
   const downloadLogs = (container: string) => {
     return function () {
       window.location.href =
@@ -181,134 +205,220 @@ const Deployment = ({ name, namespace }: Props) => {
       });
   };
 
-  return (
-    <div>
-      {error.message.length !== 0 && (
-        <Alert
-          message={error.message}
-          description={error.description}
-          type="error"
-          closable
-          afterClose={() => {
-            setError({
-              message: "",
-              description: "",
+  const getDeploymentLogsTabItems = () => {
+    let items: TabsProps["items"] = [];
+    let keys: string[] = [];
+
+    if (deployment.pods !== null) {
+      for (var pod of deployment.pods) {
+        for (var container of pod.containers) {
+          if (!keys.includes(container.name)) {
+            items.push({
+              key: `${container.name}`,
+              label: `${container.name}`,
+              children: (
+                <Col>
+                  <ReactAce
+                    style={{ width: "100%" }}
+                    mode={"sass"}
+                    value={deploymentLogs}
+                    readOnly={true}
+                  />
+                </Col>
+              ),
             });
-          }}
-          style={{ marginBottom: "20px" }}
-        />
-      )}
-      <Row>
-        <Divider
-          style={{ fontSize: "120%" }}
-          orientationMargin="0"
-          orientation={"left"}
-        >
-          Replicas: {deployment.pods.length}
-        </Divider>
-        <Col span={24} style={{ overflowX: "auto" }}>
-          <Table dataSource={deployment.pods}>
-            <Table.Column
-              title="Name"
-              dataIndex="name"
-              filterSearch={true}
-              key="name"
-            />
-            <Table.Column title="Node" dataIndex="node" />
-            <Table.Column title="Phase" dataIndex="podPhase" />
-            <Table.Column
-              title="Started"
-              dataIndex="started"
-              render={(value) => <span>{formatPodAge(value)}</span>}
-            />
-            <Table.Column
-              title="Images"
-              dataIndex="containers"
-              key="containers"
-              width="15%"
-              render={(containers, record: any) => (
-                <>
-                  {containers.map((container: any) => {
-                    let color = container.status.running ? "green" : "red";
+            keys.push(container.name);
+          }
+        }
+      }
+    }
 
-                    if (record.podPhase === "Pending") {
-                      color = "yellow";
-                    }
+    return items;
+  };
 
-                    return (
-                      <Tag
-                        color={color}
-                        key={container.image}
-                        style={{ fontSize: "100%" }}
-                      >
-                        {container.image}
-                      </Tag>
-                    );
-                  })}
-                </>
-              )}
-            />
-            <Table.Column
-              title="Logs"
-              width="15%"
-              render={(pod) => (
-                <>
-                  <Button
-                    onClick={function () {
-                      axios
-                        .get(
-                          "/api/resources/pods/" +
-                            namespace +
-                            "/" +
-                            pod.name +
-                            "/" +
-                            pod.containers[0].name +
-                            "/logs",
-                        )
-                        .then((res) => {
-                          if (res.data) {
-                            let log = "";
-                            res.data.forEach((s: string) => {
-                              log += s;
-                              log += "\n";
-                            });
-                            setLogs(log);
-                          } else {
-                            setLogs("No logs available");
-                          }
-                        })
-                        .catch((error) => {
-                          setError(mapResponseError(error));
-                        });
-                      setLogsModal({
-                        on: true,
-                        namespace: namespace,
-                        pod: pod.name,
-                        containers: pod.containers,
-                        initContainers: pod.initContainers,
-                      });
-                    }}
-                    block
-                  >
-                    View Logs
-                  </Button>
-                </>
-              )}
-            />
-          </Table>
-        </Col>
-      </Row>
-      <Modal
-        title="Logs"
-        open={logsModal.on}
-        onOk={handleCancelLogs}
-        onCancel={handleCancelLogs}
-        cancelButtonProps={{ style: { display: "none" } }}
-        width={"60%"}
+  const getDeploymentLogs = (container: string) => {
+    axios
+      .get(
+        "/api/resources/deployments/" +
+          namespace +
+          "/" +
+          name +
+          "/" +
+          container +
+          "/logs",
+      )
+      .then((res) => {
+        if (res.data) {
+          let log = "";
+          res.data.forEach((s: string) => {
+            log += s;
+            log += "\n";
+          });
+          setDeploymentLogs(log);
+        } else {
+          setDeploymentLogs("No logs available");
+        }
+      })
+      .catch((error) => {
+        setError(mapResponseError(error));
+      });
+  };
+
+  return (
+    <>
+      <Button
+        onClick={function () {
+          getDeploymentLogs(deployment.pods[0].containers[0].name);
+          setDeploymentLogsModal({
+            on: true,
+          });
+        }}
+        style={{ marginLeft: "10px" }}
       >
-        <Tabs items={getTabItems()} onChange={onLogsTabsChange} />
-      </Modal>
-    </div>
+        View Logs
+      </Button>
+      <div>
+        {error.message.length !== 0 && (
+          <Alert
+            message={error.message}
+            description={error.description}
+            type="error"
+            closable
+            afterClose={() => {
+              setError({
+                message: "",
+                description: "",
+              });
+            }}
+            style={{ marginBottom: "20px" }}
+          />
+        )}
+
+        <Row>
+          <Divider
+            style={{ fontSize: "120%" }}
+            orientationMargin="0"
+            orientation={"left"}
+          >
+            Replicas: {deployment.pods.length}
+          </Divider>
+          <Col span={24} style={{ overflowX: "auto" }}>
+            <Table dataSource={deployment.pods}>
+              <Table.Column
+                title="Name"
+                dataIndex="name"
+                filterSearch={true}
+                key="name"
+              />
+              <Table.Column title="Node" dataIndex="node" />
+              <Table.Column title="Phase" dataIndex="podPhase" />
+              <Table.Column
+                title="Started"
+                dataIndex="started"
+                render={(value) => <span>{formatPodAge(value)}</span>}
+              />
+              <Table.Column
+                title="Images"
+                dataIndex="containers"
+                key="containers"
+                width="15%"
+                render={(containers, record: any) => (
+                  <>
+                    {containers.map((container: any) => {
+                      let color = container.status.running ? "green" : "red";
+
+                      if (record.podPhase === "Pending") {
+                        color = "yellow";
+                      }
+
+                      return (
+                        <Tag
+                          color={color}
+                          key={container.image}
+                          style={{ fontSize: "100%" }}
+                        >
+                          {container.image}
+                        </Tag>
+                      );
+                    })}
+                  </>
+                )}
+              />
+              <Table.Column
+                title="Logs"
+                width="15%"
+                render={(pod) => (
+                  <>
+                    <Button
+                      onClick={function () {
+                        axios
+                          .get(
+                            "/api/resources/pods/" +
+                              namespace +
+                              "/" +
+                              pod.name +
+                              "/" +
+                              pod.containers[0].name +
+                              "/logs",
+                          )
+                          .then((res) => {
+                            if (res.data) {
+                              let log = "";
+                              res.data.forEach((s: string) => {
+                                log += s;
+                                log += "\n";
+                              });
+                              setLogs(log);
+                            } else {
+                              setLogs("No logs available");
+                            }
+                          })
+                          .catch((error) => {
+                            setError(mapResponseError(error));
+                          });
+                        setLogsModal({
+                          on: true,
+                          namespace: namespace,
+                          pod: pod.name,
+                          containers: pod.containers,
+                          initContainers: pod.initContainers,
+                        });
+                      }}
+                      block
+                    >
+                      View Logs
+                    </Button>
+                  </>
+                )}
+              />
+            </Table>
+          </Col>
+        </Row>
+        <Modal
+          title="Logs"
+          open={logsModal.on}
+          onOk={handleCancelLogs}
+          onCancel={handleCancelLogs}
+          cancelButtonProps={{ style: { display: "none" } }}
+          width={"60%"}
+        >
+          <Tabs items={getTabItems()} onChange={onLogsTabsChange} />
+        </Modal>
+        <Modal
+          title="Deployment Logs"
+          open={deploymentLogsModal.on}
+          onOk={handleCancelDeploymentLogs}
+          onCancel={handleCancelDeploymentLogs}
+          cancelButtonProps={{ style: { display: "none" } }}
+          width={"60%"}
+        >
+          <Tabs
+            items={getDeploymentLogsTabItems()}
+            onChange={getDeploymentLogs}
+          />
+        </Modal>
+      </div>
+    </>
   );
 };
 
diff --git a/cyclops-ui/src/components/k8s-resources/StatefulSet.tsx b/cyclops-ui/src/components/k8s-resources/StatefulSet.tsx
index da19ddea..d1906a55 100644
--- a/cyclops-ui/src/components/k8s-resources/StatefulSet.tsx
+++ b/cyclops-ui/src/components/k8s-resources/StatefulSet.tsx
@@ -22,8 +22,21 @@ interface Props {
   namespace: string;
 }
 
+interface container {
+  name: string;
+}
+interface pod {
+  name: string;
+  containers: container[];
+}
+
+interface statefulSet {
+  status: string;
+  pods: pod[];
+}
+
 const StatefulSet = ({ name, namespace }: Props) => {
-  const [statefulSet, setStatefulSet] = useState({
+  const [statefulSet, setStatefulSet] = useState<statefulSet>({
     status: "",
     pods: [],
   });
@@ -35,6 +48,10 @@ const StatefulSet = ({ name, namespace }: Props) => {
     containers: [],
     initContainers: [],
   });
+  const [statefulSetLogs, setStatefulSetLogs] = useState("");
+  const [statefulSetLogsModal, setStatefulSetLogsModal] = useState({
+    on: false,
+  });
   const [error, setError] = useState({
     message: "",
     description: "",
@@ -78,6 +95,13 @@ const StatefulSet = ({ name, namespace }: Props) => {
     setLogs("");
   };
 
+  const handleCancelStatefulSetLogs = () => {
+    setStatefulSetLogsModal({
+      on: false,
+    });
+    setStatefulSetLogs("");
+  };
+
   const downloadLogs = (container: string) => {
     return function () {
       window.location.href =
@@ -181,134 +205,219 @@ const StatefulSet = ({ name, namespace }: Props) => {
       });
   };
 
-  return (
-    <div>
-      {error.message.length !== 0 && (
-        <Alert
-          message={error.message}
-          description={error.description}
-          type="error"
-          closable
-          afterClose={() => {
-            setError({
-              message: "",
-              description: "",
+  const getStatefulSetLogsTabItems = () => {
+    let items: TabsProps["items"] = [];
+    let keys: string[] = [];
+
+    if (statefulSet.pods !== null) {
+      for (var pod of statefulSet.pods) {
+        for (var container of pod.containers) {
+          if (!keys.includes(container.name)) {
+            items.push({
+              key: `${container.name}`,
+              label: `${container.name}`,
+              children: (
+                <Col>
+                  <ReactAce
+                    style={{ width: "100%" }}
+                    mode={"sass"}
+                    value={statefulSetLogs}
+                    readOnly={true}
+                  />
+                </Col>
+              ),
             });
-          }}
-          style={{ marginBottom: "20px" }}
-        />
-      )}
-      <Row>
-        <Divider
-          style={{ fontSize: "120%" }}
-          orientationMargin="0"
-          orientation={"left"}
-        >
-          Replicas: {statefulSet.pods.length}
-        </Divider>
-        <Col span={24} style={{ overflowX: "auto" }}>
-          <Table dataSource={statefulSet.pods}>
-            <Table.Column
-              title="Name"
-              dataIndex="name"
-              filterSearch={true}
-              key="name"
-            />
-            <Table.Column title="Node" dataIndex="node" />
-            <Table.Column title="Phase" dataIndex="podPhase" />
-            <Table.Column
-              title="Started"
-              dataIndex="started"
-              render={(value) => <span>{formatPodAge(value)}</span>}
-            />
-            <Table.Column
-              title="Images"
-              dataIndex="containers"
-              key="containers"
-              width="15%"
-              render={(containers) => (
-                <>
-                  {containers.map((container: any, record: any) => {
-                    let color = container.status.running ? "green" : "red";
+            keys.push(container.name);
+          }
+        }
+      }
+    }
 
-                    if (record.podPhase === "Pending") {
-                      color = "yellow";
-                    }
+    return items;
+  };
 
-                    return (
-                      <Tag
-                        color={color}
-                        key={container.image}
-                        style={{ fontSize: "100%" }}
-                      >
-                        {container.image}
-                      </Tag>
-                    );
-                  })}
-                </>
-              )}
-            />
-            <Table.Column
-              title="Logs"
-              width="15%"
-              render={(pod) => (
-                <>
-                  <Button
-                    onClick={function () {
-                      axios
-                        .get(
-                          "/api/resources/pods/" +
-                            namespace +
-                            "/" +
-                            pod.name +
-                            "/" +
-                            pod.containers[0].name +
-                            "/logs",
-                        )
-                        .then((res) => {
-                          if (res.data) {
-                            let log = "";
-                            res.data.forEach((s: string) => {
-                              log += s;
-                              log += "\n";
-                            });
-                            setLogs(log);
-                          } else {
-                            setLogs("No logs available");
-                          }
-                        })
-                        .catch((error) => {
-                          setError(mapResponseError(error));
-                        });
-                      setLogsModal({
-                        on: true,
-                        namespace: namespace,
-                        pod: pod.name,
-                        containers: pod.containers,
-                        initContainers: pod.initContainers,
-                      });
-                    }}
-                    block
-                  >
-                    View Logs
-                  </Button>
-                </>
-              )}
-            />
-          </Table>
-        </Col>
-      </Row>
-      <Modal
-        title="Logs"
-        open={logsModal.on}
-        onOk={handleCancelLogs}
-        onCancel={handleCancelLogs}
-        cancelButtonProps={{ style: { display: "none" } }}
-        width={"60%"}
+  const getStatefulSetLogs = (container: string) => {
+    axios
+      .get(
+        "/api/resources/statefulsets/" +
+          namespace +
+          "/" +
+          name +
+          "/" +
+          container +
+          "/logs",
+      )
+      .then((res) => {
+        if (res.data) {
+          let log = "";
+          res.data.forEach((s: string) => {
+            log += s;
+            log += "\n";
+          });
+          setStatefulSetLogs(log);
+        } else {
+          setStatefulSetLogs("No logs available");
+        }
+      })
+      .catch((error) => {
+        setError(mapResponseError(error));
+      });
+  };
+
+  return (
+    <>
+      <Button
+        onClick={function () {
+          getStatefulSetLogs(statefulSet.pods[0].containers[0].name);
+          setStatefulSetLogsModal({
+            on: true,
+          });
+        }}
+        style={{ marginLeft: "10px" }}
       >
-        <Tabs items={getTabItems()} onChange={onLogsTabsChange} />
-      </Modal>
-    </div>
+        View Logs
+      </Button>
+      <div>
+        {error.message.length !== 0 && (
+          <Alert
+            message={error.message}
+            description={error.description}
+            type="error"
+            closable
+            afterClose={() => {
+              setError({
+                message: "",
+                description: "",
+              });
+            }}
+            style={{ marginBottom: "20px" }}
+          />
+        )}
+        <Row>
+          <Divider
+            style={{ fontSize: "120%" }}
+            orientationMargin="0"
+            orientation={"left"}
+          >
+            Replicas: {statefulSet.pods.length}
+          </Divider>
+          <Col span={24} style={{ overflowX: "auto" }}>
+            <Table dataSource={statefulSet.pods}>
+              <Table.Column
+                title="Name"
+                dataIndex="name"
+                filterSearch={true}
+                key="name"
+              />
+              <Table.Column title="Node" dataIndex="node" />
+              <Table.Column title="Phase" dataIndex="podPhase" />
+              <Table.Column
+                title="Started"
+                dataIndex="started"
+                render={(value) => <span>{formatPodAge(value)}</span>}
+              />
+              <Table.Column
+                title="Images"
+                dataIndex="containers"
+                key="containers"
+                width="15%"
+                render={(containers) => (
+                  <>
+                    {containers.map((container: any, record: any) => {
+                      let color = container.status.running ? "green" : "red";
+
+                      if (record.podPhase === "Pending") {
+                        color = "yellow";
+                      }
+
+                      return (
+                        <Tag
+                          color={color}
+                          key={container.image}
+                          style={{ fontSize: "100%" }}
+                        >
+                          {container.image}
+                        </Tag>
+                      );
+                    })}
+                  </>
+                )}
+              />
+              <Table.Column
+                title="Logs"
+                width="15%"
+                render={(pod) => (
+                  <>
+                    <Button
+                      onClick={function () {
+                        axios
+                          .get(
+                            "/api/resources/pods/" +
+                              namespace +
+                              "/" +
+                              pod.name +
+                              "/" +
+                              pod.containers[0].name +
+                              "/logs",
+                          )
+                          .then((res) => {
+                            if (res.data) {
+                              let log = "";
+                              res.data.forEach((s: string) => {
+                                log += s;
+                                log += "\n";
+                              });
+                              setLogs(log);
+                            } else {
+                              setLogs("No logs available");
+                            }
+                          })
+                          .catch((error) => {
+                            setError(mapResponseError(error));
+                          });
+                        setLogsModal({
+                          on: true,
+                          namespace: namespace,
+                          pod: pod.name,
+                          containers: pod.containers,
+                          initContainers: pod.initContainers,
+                        });
+                      }}
+                      block
+                    >
+                      View Logs
+                    </Button>
+                  </>
+                )}
+              />
+            </Table>
+          </Col>
+        </Row>
+        <Modal
+          title="Logs"
+          open={logsModal.on}
+          onOk={handleCancelLogs}
+          onCancel={handleCancelLogs}
+          cancelButtonProps={{ style: { display: "none" } }}
+          width={"60%"}
+        >
+          <Tabs items={getTabItems()} onChange={onLogsTabsChange} />
+        </Modal>
+        <Modal
+          title="Stefulset Logs"
+          open={statefulSetLogsModal.on}
+          onOk={handleCancelStatefulSetLogs}
+          onCancel={handleCancelStatefulSetLogs}
+          cancelButtonProps={{ style: { display: "none" } }}
+          width={"60%"}
+        >
+          <Tabs
+            items={getStatefulSetLogsTabItems()}
+            onChange={getStatefulSetLogs}
+          />
+        </Modal>
+      </div>
+    </>
   );
 };
 
diff --git a/cyclops-ui/src/components/pages/ModuleDetails.tsx b/cyclops-ui/src/components/pages/ModuleDetails.tsx
index f95a0b32..cd2f31f7 100644
--- a/cyclops-ui/src/components/pages/ModuleDetails.tsx
+++ b/cyclops-ui/src/components/pages/ModuleDetails.tsx
@@ -520,24 +520,19 @@ const ModuleDetails = () => {
         <Row>
           <Title level={4}>{resource.namespace}</Title>
         </Row>
-        <Row>
-          <Col style={{ float: "right" }}>
-            <Button
-              onClick={function () {
-                fetchManifest(
-                  resource.group,
-                  resource.version,
-                  resource.kind,
-                  resource.namespace,
-                  resource.name,
-                );
-              }}
-              block
-            >
-              View Manifest
-            </Button>
-          </Col>
-        </Row>
+        <Button
+          onClick={function () {
+            fetchManifest(
+              resource.group,
+              resource.version,
+              resource.kind,
+              resource.namespace,
+              resource.name,
+            );
+          }}
+        >
+          View Manifest
+        </Button>
         {resourceDetails}
       </Collapse.Panel>,
     );