diff --git a/app/client/src/components/editorComponents/ApiResponseView.tsx b/app/client/src/components/editorComponents/ApiResponseView.tsx
index 7d5345c979..364f840aa2 100644
--- a/app/client/src/components/editorComponents/ApiResponseView.tsx
+++ b/app/client/src/components/editorComponents/ApiResponseView.tsx
@@ -240,7 +240,7 @@ export const responseTabComponent = (
         folding
         height={"100%"}
         input={{
-          value: output ? JSON.stringify(output, null, 2) : "",
+          value: isString(output) ? output : JSON.stringify(output, null, 2),
         }}
         isReadOnly
       />
@@ -253,7 +253,7 @@ export const responseTabComponent = (
         folding
         height={"100%"}
         input={{
-          value: output ? JSON.stringify(output, null, 2) : "",
+          value: isString(output) ? output : JSON.stringify(output, null, 2),
         }}
         isRawView
         isReadOnly
@@ -390,7 +390,7 @@ function ApiResponseView(props: Props) {
               </NoResponseContainer>
             ) : (
               <ResponseBodyContainer>
-                {isString(response.body) && isHtml(response.body) && (
+                {isString(response.body) && isHtml(response.body) ? (
                   <ReadOnlyEditor
                     folding
                     height={"100%"}
@@ -399,11 +399,9 @@ function ApiResponseView(props: Props) {
                     }}
                     isReadOnly
                   />
-                )}
-                {!isString(response.body) &&
-                responseTabs &&
-                responseTabs.length > 0 &&
-                selectedTabIndex !== -1 ? (
+                ) : responseTabs &&
+                  responseTabs.length > 0 &&
+                  selectedTabIndex !== -1 ? (
                   <EntityBottomTabs
                     defaultIndex={selectedTabIndex}
                     onSelect={onResponseTabSelect}
diff --git a/app/client/src/pages/Editor/APIEditor/ApiRightPane.tsx b/app/client/src/pages/Editor/APIEditor/ApiRightPane.tsx
index 659813a590..59461a8a82 100644
--- a/app/client/src/pages/Editor/APIEditor/ApiRightPane.tsx
+++ b/app/client/src/pages/Editor/APIEditor/ApiRightPane.tsx
@@ -30,10 +30,12 @@ const EmptyDatasourceContainer = styled.div`
 `;
 
 const DatasourceContainer = styled.div`
-  .react-tabs__tab-list {
+  &&&&&&&&&&& .react-tabs__tab-list {
     padding: 0 16px !important;
     border-bottom: none;
     border-left: 2px solid #e8e8e8;
+    margin-left: 0px;
+    margin-right: 0px;
     .cs-icon {
       margin-right: 0;
     }