diff --git a/src/components/action-buttons.scss b/src/components/action-buttons.scss
index 0fd11a30..e9b08f04 100644
--- a/src/components/action-buttons.scss
+++ b/src/components/action-buttons.scss
@@ -1,15 +1,48 @@
+@use '@carbon/layout';
+
 .actionBtns {
-  position: absolute;
-  bottom: 0;
-  right: 0;
+  position: relative;
   display: flex;
   gap: 0;
+  justify-content: flex-end;
+  margin-top: layout.$spacing-04;
+  padding: layout.$spacing-03 layout.$spacing-04;
+
+  @media (max-width: 1024px) and (min-width: 768px) {
+    position: relative;
+    width: 100%;
+    justify-content: center;
+    gap: layout.$spacing-03;
+    margin-top: layout.$spacing-04;
+    padding: 0 layout.$spacing-04;
+  }
 }
 
 .extensionSlot {
   display: flex;
-  flex-direction: row-reverse;
-  justify-content: space-between;
-  height: 100%;
+  flex-direction: row;
+  justify-content: flex-end;
+  gap: layout.$spacing-03;
   position: relative;
+
+  @media (max-width: 1024px) and (min-width: 768px) {
+    flex-direction: row;
+    justify-content: center;
+    height: auto;
+    position: static;
+    flex-wrap: wrap;
+    gap: layout.$spacing-03;
+
+    :global(.cds--btn) {
+      flex: 1 1 auto;
+      min-width: 8rem;
+      max-width: 12rem;
+      white-space: normal;
+      word-wrap: break-word;
+      padding: layout.$spacing-03 layout.$spacing-04;
+      line-height: 1.2;
+      height: auto;
+      min-height: 3rem;
+    }
+  }
 }
diff --git a/src/prescriptions/prescription-details.component.tsx b/src/prescriptions/prescription-details.component.tsx
index c595d266..a91f8156 100644
--- a/src/prescriptions/prescription-details.component.tsx
+++ b/src/prescriptions/prescription-details.component.tsx
@@ -94,6 +94,11 @@ const PrescriptionDetails: React.FC<{
         medicationRequestBundles.map((bundle) => {
           return (
             <Tile className={styles.prescriptionTile}>
+              <MedicationEvent
+                key={bundle.request.id}
+                medicationEvent={bundle.request}
+                status={generateStatusTag(bundle.request)}
+              />
               <UserHasAccess privilege={PRIVILEGE_CREATE_DISPENSE}>
                 <ActionButtons
                   patientUuid={patientUuid}
@@ -101,11 +106,6 @@ const PrescriptionDetails: React.FC<{
                   medicationRequestBundle={bundle}
                 />
               </UserHasAccess>
-              <MedicationEvent
-                key={bundle.request.id}
-                medicationEvent={bundle.request}
-                status={generateStatusTag(bundle.request)}
-              />
             </Tile>
           );
         })}
diff --git a/src/prescriptions/prescription-details.scss b/src/prescriptions/prescription-details.scss
index 961973a9..008c0432 100644
--- a/src/prescriptions/prescription-details.scss
+++ b/src/prescriptions/prescription-details.scss
@@ -10,6 +10,11 @@
   border-left: layout.$spacing-02 solid var(--brand-03);
   color: $text-02;
   margin-bottom: layout.$spacing-05 !important;
+  position: relative;
+
+  @media (max-width: 1024px) and (min-width: 768px) {
+    padding-bottom: layout.$spacing-09;
+  }
 }
 
 .prescriptionContainer {
@@ -18,6 +23,10 @@
   max-width: 80%;
   margin-bottom: layout.$spacing-05;
 
+  @media (max-width: 1024px) and (min-width: 768px) {
+    max-width: 100%;
+  }
+
   &:global(.cds--tile) {
     min-height: 3rem !important;
     padding-left: 10px !important;
diff --git a/src/prescriptions/prescription-expanded.scss b/src/prescriptions/prescription-expanded.scss
index 0c274003..f3ad5370 100644
--- a/src/prescriptions/prescription-expanded.scss
+++ b/src/prescriptions/prescription-expanded.scss
@@ -11,14 +11,28 @@
   display: flex;
   flex-direction: row;
 
+  @media (max-width: 1024px) and (min-width: 768px) {
+    flex-direction: column;
+  }
+
   :global(.cds--tabs) {
     margin: layout.$spacing-05 0;
     width: 20%;
     max-height: 8rem !important;
+
+    @media (max-width: 1024px) and (min-width: 768px) {
+      width: 100% !important;
+      max-height: none !important;
+    }
   }
 
   :global(.cds--tab--list) {
     flex-direction: column !important;
+
+    @media (max-width: 1024px) and (min-width: 768px) {
+      flex-direction: row !important;
+      flex-wrap: wrap !important;
+    }
   }
 
   :global(.cds--tab-content) {
@@ -46,9 +60,34 @@
 
   > ul > li button {
     width: 12rem !important;
+    white-space: normal !important;
+    word-wrap: break-word !important;
+    text-overflow: unset !important;
+
+    @media (max-width: 1024px) and (min-width: 768px) {
+      width: 100% !important;
+      min-width: 10rem !important;
+      max-width: 16rem !important;
+      padding: layout.$spacing-03 layout.$spacing-04 !important;
+      line-height: 1.2 !important;
+      height: auto !important;
+      min-height: 3rem !important;
+    }
   }
 
   :global(.cds--tabs__nav-link) {
     max-width: 12rem !important;
+    white-space: normal !important;
+    word-wrap: break-word !important;
+    overflow: visible !important;
+
+    @media (max-width: 1024px) and (min-width: 768px) {
+      max-width: 16rem !important;
+      width: 100% !important;
+      padding: layout.$spacing-03 layout.$spacing-04 !important;
+      line-height: 1.2 !important;
+      height: auto !important;
+      min-height: 3rem !important;
+    }
   }
 }
diff --git a/src/prescriptions/prescriptions.scss b/src/prescriptions/prescriptions.scss
index 08dca3a6..0baf7778 100644
--- a/src/prescriptions/prescriptions.scss
+++ b/src/prescriptions/prescriptions.scss
@@ -36,6 +36,18 @@
 
   :global(.cds--tab--list) button {
     max-width: 12rem !important;
+    white-space: normal !important;
+    word-wrap: break-word !important;
+
+    @media (max-width: 1024px) and (min-width: 768px) {
+      max-width: none !important;
+      flex: 1 1 auto !important;
+      min-width: 8rem !important;
+      padding: layout.$spacing-03 layout.$spacing-04 !important;
+      line-height: 1.2 !important;
+      height: auto !important;
+      min-height: 3rem !important;
+    }
   }
 }