diff --git a/src/Components/Facility/ConsultationDetails/index.tsx b/src/Components/Facility/ConsultationDetails/index.tsx
index 2f6ca03ef06..9888a982660 100644
--- a/src/Components/Facility/ConsultationDetails/index.tsx
+++ b/src/Components/Facility/ConsultationDetails/index.tsx
@@ -270,56 +270,59 @@ export const ConsultationDetails = (props: any) => {
             breadcrumbs={true}
             backUrl="/patients"
           />
-          <div className="flex w-full flex-col min-[1150px]:w-min min-[1150px]:flex-row min-[1150px]:items-center">
-            {!consultationData.discharge_date && (
-              <>
-                <button
-                  onClick={() => {
-                    triggerGoal("Doctor Connect Clicked", {
-                      consultationId,
-                      facilityId: patientData.facility,
-                      userId: authUser.id,
-                      page: "ConsultationDetails",
-                    });
-                    setShowDoctors(true);
-                  }}
-                  className="btn btn-primary m-1 w-full hover:text-white"
-                >
-                  Doctor Connect
-                </button>
-                {patientData.last_consultation?.id &&
-                  isCameraAttached &&
-                  ["DistrictAdmin", "StateAdmin", "Doctor"].includes(
-                    authUser.user_type
-                  ) && (
-                    <Link
-                      href={`/facility/${patientData.facility}/patient/${patientData.id}/consultation/${patientData.last_consultation?.id}/feed`}
-                      className="btn btn-primary m-1 w-full hover:text-white"
-                    >
-                      Camera Feed
-                    </Link>
-                  )}
-              </>
-            )}
-            <Link
-              href={`/facility/${patientData.facility}/patient/${patientData.id}`}
-              className="btn btn-primary m-1 w-full hover:text-white"
-            >
-              Patient Details
-            </Link>
-            <Link
-              id="patient_doctor_notes"
-              onClick={() =>
-                showPatientNotesPopup
-                  ? navigate(
-                      `/facility/${facilityId}/patient/${patientId}/notes`
-                    )
-                  : setShowPatientNotesPopup(true)
-              }
-              className="btn btn-primary m-1 w-full hover:text-white"
-            >
-              Doctor&apos;s Notes
-            </Link>
+          <div className="flex grow flex-wrap justify-end  xl:w-min xl:items-center">
+            <div className="flex">
+              {!consultationData.discharge_date && (
+                <>
+                  <button
+                    onClick={() => {
+                      triggerGoal("Doctor Connect Clicked", {
+                        consultationId,
+                        facilityId: patientData.facility,
+                        userId: authUser.id,
+                        page: "ConsultationDetails",
+                      });
+                      setShowDoctors(true);
+                    }}
+                    className="btn btn-primary m-1 grow basis-1/4 hover:text-white xl:grow-0"
+                  >
+                    Doctor Connect
+                  </button>
+                  {true &&
+                    ["DistrictAdmin", "StateAdmin", "Doctor"].includes(
+                      authUser.user_type
+                    ) && (
+                      <Link
+                        href={`/facility/${patientData.facility}/patient/${patientData.id}/consultation/${patientData.last_consultation?.id}/feed`}
+                        className="btn btn-primary m-1 grow basis-1/4 hover:text-white xl:grow-0"
+                      >
+                        Camera Feed
+                      </Link>
+                    )}
+                </>
+              )}
+            </div>
+            <div className="flex">
+              <Link
+                href={`/facility/${patientData.facility}/patient/${patientData.id}`}
+                className="btn btn-primary m-1 grow basis-1/4 hover:text-white xl:grow-0"
+              >
+                Patient Details
+              </Link>
+              <Link
+                id="patient_doctor_notes"
+                onClick={() =>
+                  showPatientNotesPopup
+                    ? navigate(
+                        `/facility/${facilityId}/patient/${patientId}/notes`
+                      )
+                    : setShowPatientNotesPopup(true)
+                }
+                className="btn btn-primary m-1 grow basis-1/4 hover:text-white xl:grow-0"
+              >
+                Doctor&apos;s Notes
+              </Link>
+            </div>
           </div>
         </nav>
         <div className="mt-2 flex w-full flex-col md:flex-row">