diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/pages/review.scss b/src/dotnet/APIView/APIViewWeb/Client/css/pages/review.scss
index 262f2e81ef6..a698bc18f83 100644
--- a/src/dotnet/APIView/APIViewWeb/Client/css/pages/review.scss
+++ b/src/dotnet/APIView/APIViewWeb/Client/css/pages/review.scss
@@ -1,8 +1,29 @@
 @import "../shared/mixins.scss";
 
-#review-info-bar {
-    font-size: small;
-    background-color: var(--base-fg-color);
+#review-info-bar > .SumoSelect:nth-of-type(even) {
+    width: 20%;
+}
+
+#review-info-bar > .SumoSelect:nth-of-type(odd) {
+    width: 10%;
+}
+
+#revision-select ~ .optWrapper {
+    width: auto;
+    min-width: 250px;
+}
+
+#diff-select ~ .optWrapper {
+    width: auto;
+    min-width: 250px;
+}
+
+#revision-select {
+    width: 20%;
+}
+
+#diff-select {
+    width: 20%;
 }
 
 .breadcrumb .icon-language {
@@ -13,7 +34,7 @@
 #review-left {
     max-width: none;
     min-width: 10px;
-    height: calc(100vh - 120px);
+    height: calc(100vh - 135px);
     overflow: auto;
     max-height: 100vh;
     padding: 5px 0px 5px 10px;
@@ -27,7 +48,7 @@
 #review-right {
     max-width: 100%;
     min-width: 100px;
-    height: calc(100vh - 120px);
+    height: calc(100vh - 135px);
     padding: 0px;
     overflow: auto;
     background-color: var(--base-fg-color);
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/shared/language-customizations.scss b/src/dotnet/APIView/APIViewWeb/Client/css/shared/language-customizations.scss
index 063478b032e..c5bcb41e33d 100644
--- a/src/dotnet/APIView/APIViewWeb/Client/css/shared/language-customizations.scss
+++ b/src/dotnet/APIView/APIViewWeb/Client/css/shared/language-customizations.scss
@@ -3,6 +3,7 @@
     width: 31px;
     display: inline-block;
     vertical-align: middle;
+    padding-inline: 5px;
 }
 
 .java-variant {
@@ -165,67 +166,67 @@
 
 .icon-csharp {
     @extend .icon-language;
-    background: url(/icons/csharp-original.svg) center/contain no-repeat;
+    background: url(/icons/csharp-original.svg) center no-repeat;
 }
 
 .icon-javascript {
     @extend .icon-language;
-    background: url(/icons/javascript-original.svg) center/contain no-repeat;
+    background: url(/icons/javascript-original.svg) center no-repeat;
 }
 
 .icon-python {
     @extend .icon-language;
-    background: url(/icons/python-original.svg) center/contain no-repeat;
+    background: url(/icons/python-original.svg) center no-repeat;
 }
 
 .icon-c {
     @extend .icon-language;
-    background: url(/icons/c-original.svg) center/contain no-repeat;
+    background: url(/icons/c-original.svg) center no-repeat;
 }
 
 .icon-cplusplus {
     @extend .icon-language;
-    background: url(/icons/cplusplus-original.svg) center/contain no-repeat;
+    background: url(/icons/cplusplus-original.svg) center no-repeat;
 }
 
 .icon-go {
     @extend .icon-language;
-    background: url(/icons/go-original.svg) center/contain no-repeat;
+    background: url(/icons/go-original.svg) center no-repeat;
 }
 
 .icon-java {
     @extend .icon-language;
-    background: url(/icons/java-original.svg) center/contain no-repeat;
+    background: url(/icons/java-original.svg) center no-repeat;
 }
 
 .icon-java-spring {
     @extend .icon-language;
-    background: url(/icons/java-spring-original.svg) center/contain no-repeat;
+    background: url(/icons/java-spring-original.svg) center no-repeat;
 }
 
 .icon-java-android {
     @extend .icon-language;
-    background: url(/icons/java-android-original.svg) center/contain no-repeat;
+    background: url(/icons/java-android-original.svg) center no-repeat;
 }
 
 .icon-swift {
     @extend .icon-language;
-    background: url(/icons/swift-original.svg) center/contain no-repeat;
+    background: url(/icons/swift-original.svg) center no-repeat;
 }
 
 .icon-kotlin {
     @extend .icon-language;
-    background: url(/icons/kotlin-original.svg) center/contain no-repeat;
+    background: url(/icons/kotlin-original.svg) center no-repeat;
 }
 
 .icon-json {
     @extend .icon-language;
-    background: url(/icons/json-original.svg) center/contain no-repeat;
+    background: url(/icons/json-original.svg) center no-repeat;
 }
 
 .icon-swagger {
     @extend .icon-language;
-    background: url(/icons/swagger-original.svg) center/contain no-repeat;
+    background: url(/icons/swagger-original.svg) center no-repeat;
 }
 
 .icon-typespec {
@@ -241,9 +242,9 @@
 }
 
 .icon-chevron-right {
-    background: url(/icons/chevron-right.svg) center/contain no-repeat;
+    background: url(/icons/chevron-right.svg) center no-repeat;
 }
 
 .icon-chevron-up {
-    background: url(/icons/chevron-up.svg) center/contain no-repeat;
+    background: url(/icons/chevron-up.svg) center no-repeat;
 }
\ No newline at end of file
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/shared/mixins.scss b/src/dotnet/APIView/APIViewWeb/Client/css/shared/mixins.scss
index cd072bb7b65..857ad912806 100644
--- a/src/dotnet/APIView/APIViewWeb/Client/css/shared/mixins.scss
+++ b/src/dotnet/APIView/APIViewWeb/Client/css/shared/mixins.scss
@@ -31,7 +31,7 @@
     min-height: calc(100vh - 100px);
     max-height: calc(100vh - 100px);
     overflow-y: auto;
-    margin-top: 70px;
+    margin-top: 85px;
 }
 
 @mixin review-approval-border {
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/shared/off-canvas.scss b/src/dotnet/APIView/APIViewWeb/Client/css/shared/off-canvas.scss
index 8213bcf5d04..afe3be653b7 100644
--- a/src/dotnet/APIView/APIViewWeb/Client/css/shared/off-canvas.scss
+++ b/src/dotnet/APIView/APIViewWeb/Client/css/shared/off-canvas.scss
@@ -60,14 +60,6 @@
     }
 }
 
-#review-right-offcanvas-toggle, #samples-right-offcanvas-toggle, #revisions-right-offcanvas-toggle {
-    + .btn-sm {
-        padding: 0.05rem 0.4rem;
-        font-size: 0.775rem;
-        border-radius: 0.2rem;
-    }
-}
-
 #apiRevisions-context, #samplesRevisions-context {
     @include offcanvas-context-large
 }
diff --git a/src/dotnet/APIView/APIViewWeb/Client/src/pages/review.module.ts b/src/dotnet/APIView/APIViewWeb/Client/src/pages/review.module.ts
index 2d48bd8b664..f18c9a3919a 100644
--- a/src/dotnet/APIView/APIViewWeb/Client/src/pages/review.module.ts
+++ b/src/dotnet/APIView/APIViewWeb/Client/src/pages/review.module.ts
@@ -490,6 +490,20 @@ export function addClickEventToClassesInSections() {
   });
 }
 
+/**
+ * Add Select Event Handlers to API Revision Select
+ */
+export function addSelectEventToAPIRevisionSelect() {
+  $('#revision-select, #diff-select').each(function (index, value) {
+    $(this).on('change', function () {
+      var url = $(this).find(":selected").val();
+      if (url) {
+        window.location.href = url as string;
+      }
+    });
+  });
+}
+
 /**
 * Check if targetAnchor is present, if its not present, expand the section and scroll to the targetAnchor
 * @param { String } uriHash  the hash/id of the anchor we are looking for
diff --git a/src/dotnet/APIView/APIViewWeb/Client/src/pages/review.ts b/src/dotnet/APIView/APIViewWeb/Client/src/pages/review.ts
index da557bdd750..7ce533d9540 100644
--- a/src/dotnet/APIView/APIViewWeb/Client/src/pages/review.ts
+++ b/src/dotnet/APIView/APIViewWeb/Client/src/pages/review.ts
@@ -17,7 +17,13 @@ $(() => {
   rvM.hideCheckboxesIfNotApplicable();
 
   // Run when document is ready
-  $(function() {
+  $(function () {
+    // Enable SumoSelect
+    (<any>$("#revision-select")).SumoSelect({ search: true, searchText: 'Search Revisions...' });
+    (<any>$("#diff-select")).SumoSelect({ search: true, searchText: 'Search Revisons for Diff...' });
+    (<any>$("#revision-type-select")).SumoSelect();
+    (<any>$("#diff-revision-type-select")).SumoSelect();
+
     // Update codeLine Section state after page refresh
     const shownSectionHeadingLineNumbers = sessionStorage.getItem("shownSectionHeadingLineNumbers");
 
@@ -141,6 +147,43 @@ $(() => {
     $(this).get(0).scrollIntoView({ block: "center"});
   });
 
+  /* DROPDOWN FILTER FOR REVIEW, REVISIONS AND DIFF (UPDATES REVIEW PAGE ON CHANGE)
+  --------------------------------------------------------------------------------------------------------------------------------------------------------*/
+  rvM.addSelectEventToAPIRevisionSelect();
+
+  $('#revision-type-select, #diff-revision-type-select').each(function (index, value) {
+    $(this).on('change', function () {
+      const pageIds = hp.getReviewAndRevisionIdFromUrl(window.location.href);
+      const reviewId = pageIds["reviewId"];
+      const apiRevisionId = pageIds["revisionId"];
+
+      const select = (index == 0) ? $('#revision-select') : $('#diff-select');
+      const text = (index == 0) ? 'Revisions' : 'Revisions for Diff';
+
+      let uri = (index == 0) ? '?handler=APIRevisionsPartial' : '?handler=APIDiffRevisionsPartial';
+      uri = uri + `&reviewId=${reviewId}`;
+      uri = uri + `&apiRevisionId=${apiRevisionId}`;
+      uri = uri + '&apiRevisionType=' + $(this).find(":selected").val();
+
+      $.ajax({
+        url: uri
+      }).done(function (partialViewResult) {
+        const id = select.attr('id');
+        const selectUpdate = $(`<select placeholder="Select ${text}..." id="${id}" aria-label="${text} Select"></select>`);
+        selectUpdate.html(partialViewResult);
+        select.parent().replaceWith(selectUpdate);
+        (<any>$(`#${id}`)).SumoSelect({ placeholder: `Select ${text}...`, search: true, searchText: `Search ${text}...` })
+
+        // Disable Diff Revision Select until a revision is selected
+        if (index == 0) {
+          (<any>$('#diff-revision-type-select')[0]).sumo.disable();
+          (<any>$('#diff-select')[0]).sumo.disable();
+        }
+        rvM.addSelectEventToAPIRevisionSelect();
+      });
+    });
+  });
+
   
   /* BUTTON FOR REQUEST REVIEW (CHANGES BETWEEN REQUEST ALL AND REQUEST SELECTED IN THE REQUEST APPROVAL SECTION)
   --------------------------------------------------------------------------------------------------------------------------------------------------------*/
diff --git a/src/dotnet/APIView/APIViewWeb/LeanModels/ReviewRevisionPageModels.cs b/src/dotnet/APIView/APIViewWeb/LeanModels/ReviewRevisionPageModels.cs
index 21aafe22389..0c725225f23 100644
--- a/src/dotnet/APIView/APIViewWeb/LeanModels/ReviewRevisionPageModels.cs
+++ b/src/dotnet/APIView/APIViewWeb/LeanModels/ReviewRevisionPageModels.cs
@@ -32,4 +32,15 @@ public class ReviewContentModel
         public ReviewContentModelDirective Directive { get; set; }
         public Dictionary<string, ReviewContentModel> CrossLanguageViewContent { get; set; } = new Dictionary<string, ReviewContentModel>();
     }
+
+    public class ReviewBadgeModel
+    {
+        public ReviewListItemModel Review { get; set; }
+        public IEnumerable<APIRevisionListItemModel> APIRevisions { get; set; }
+        public APIRevisionListItemModel ActiveAPIRevision { get; set; }
+        public APIRevisionListItemModel DiffAPIRevision { get; set; }
+        public UserPreferenceModel UserPreference { get; set; }
+        public bool? ShowDocumentation { get; set; }
+        public bool? ShowDiffOnly { get; set; }
+    }
 }
diff --git a/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Conversation.cshtml b/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Conversation.cshtml
index c0c660f43c0..21b33566a93 100644
--- a/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Conversation.cshtml
+++ b/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Conversation.cshtml
@@ -10,7 +10,11 @@
 }
 <div class="container-fluid mx-0 px-0 sub-header-content">
     <div class="row px-3 py-2 border-bottom" id="review-info-bar">
-        <partial name="Shared/_ReviewBadge" model="(Model.Review, default(APIRevisionListItemModel), default(APIRevisionListItemModel), default(UserPreferenceModel))" />
+        @{
+            var reviewBadgeModel = new ReviewBadgeModel();
+            reviewBadgeModel.Review = Model.Review;
+        }
+        <partial name="Shared/_ReviewBadge" model="reviewBadgeModel" />
     </div>
 </div>
 @{
diff --git a/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Review.cshtml b/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Review.cshtml
index 30be6073cab..2751e19711c 100644
--- a/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Review.cshtml
+++ b/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Review.cshtml
@@ -573,8 +573,18 @@
     </div>
 </div>
 <div class="container-fluid mx-0 px-0 sub-header-content">
-    <div class="row px-3 py-2 border-bottom" id="review-info-bar">
-        <partial name="Shared/_ReviewBadge" model="(Model.ReviewContent.Review, Model.ReviewContent.ActiveAPIRevision, Model.ReviewContent.DiffAPIRevision, Model.UserPreference)" />
+    <div class="row px-3 py-2 border-bottom">
+        @{
+            var reviewBadgeModel = new ReviewBadgeModel();
+            reviewBadgeModel.Review = Model.ReviewContent.Review;
+            reviewBadgeModel.APIRevisions = Model.ReviewContent.APIRevisions;
+            reviewBadgeModel.ActiveAPIRevision = Model.ReviewContent.ActiveAPIRevision;
+            reviewBadgeModel.DiffAPIRevision = Model.ReviewContent.DiffAPIRevision;
+            reviewBadgeModel.UserPreference = Model.UserPreference;
+            reviewBadgeModel.ShowDocumentation = Model.ShowDocumentation;
+            reviewBadgeModel.ShowDiffOnly = Model.ShowDiffOnly;
+        }
+        <partial name="Shared/_ReviewBadge" model="reviewBadgeModel" />
     </div>
 </div>
 
diff --git a/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Review.cshtml.cs b/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Review.cshtml.cs
index 938f9067a03..d2e24577a66 100644
--- a/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Review.cshtml.cs
+++ b/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Review.cshtml.cs
@@ -190,6 +190,71 @@ public async Task<PartialViewResult> OnGetCodeLineSectionAsync(
             return Partial("_CodeLinePartial", sectionKey);
         }
 
+        /// <summary>
+        /// Get Revisions Partial
+        /// </summary>
+        /// <param name="reviewId"></param>
+        /// <param name="apiRevisionType"></param>
+        /// <param name="showDoc"></param>
+        /// <param name="showDiffOnly"></param>
+        /// <returns></returns>
+        public async Task<PartialViewResult> OnGetAPIRevisionsPartialAsync(string reviewId, APIRevisionType apiRevisionType, bool showDoc = false, bool showDiffOnly = false)
+        {
+            var revisions = await _apiRevisionsManager.GetAPIRevisionsAsync(reviewId);
+            revisions = revisions.Where(r => r.APIRevisionType == apiRevisionType).OrderByDescending(c => c.CreatedOn).ToList();
+            (IEnumerable<APIRevisionListItemModel> revisions, APIRevisionListItemModel activeRevision, APIRevisionListItemModel diffRevision, bool forDiff, bool showDocumentation, bool showDiffOnly) revisionSelectModel = (
+                revisions: revisions,
+                activeRevision: default(APIRevisionListItemModel),
+                diffRevision: default(APIRevisionListItemModel),
+                forDiff: false,
+                showDocumentation: showDoc,
+                showDiffOnly: showDiffOnly
+            );
+            return Partial("_RevisionSelectPickerPartial", revisionSelectModel);
+        }
+
+        /// <summary>
+        /// Get Diff Revisions Partial
+        /// </summary>
+        /// <param name="reviewId"></param>
+        /// <param name="apiRevisionId"></param>
+        /// <param name="apiRevisionType"></param>
+        /// <param name="showDoc"></param>
+        /// <param name="showDiffOnly"></param>
+        /// <returns></returns>
+        public async Task<PartialViewResult> OnGetAPIDiffRevisionsPartialAsync(string reviewId, string apiRevisionId, APIRevisionType apiRevisionType, bool showDoc = false, bool showDiffOnly = false)
+        {
+            var apiRevisions = await _apiRevisionsManager.GetAPIRevisionsAsync(reviewId);
+            if (apiRevisions.IsNullOrEmpty())
+            {
+                var notifcation = new NotificationModel() { Message = $"This review has no valid apiRevisons", Level = NotificatonLevel.Warning };
+                await _signalRHubContext.Clients.Group(User.GetGitHubLogin()).SendAsync("RecieveNotification", notifcation);
+            }
+
+            APIRevisionListItemModel activeRevision = default(APIRevisionListItemModel);
+
+            if (!Guid.TryParse(apiRevisionId, out _))
+            {
+                activeRevision = await _apiRevisionsManager.GetLatestAPIRevisionsAsync(reviewId, apiRevisions);
+            }
+            else
+            {
+                activeRevision = apiRevisions.FirstOrDefault(r => r.Id == apiRevisionId);
+            }
+
+            var revisionsForDiff = apiRevisions.Where(r => r.APIRevisionType == apiRevisionType && r.Id != activeRevision.Id).OrderByDescending(c => c.CreatedOn).ToList();
+
+            (IEnumerable<APIRevisionListItemModel> revisions, APIRevisionListItemModel activeRevision, APIRevisionListItemModel diffRevision, bool forDiff, bool showDocumentation, bool showDiffOnly) revisionSelectModel = (
+                revisions: revisionsForDiff,
+                activeRevision: activeRevision,
+                diffRevision: default(APIRevisionListItemModel),
+                forDiff: true,
+                showDocumentation: showDoc,
+                showDiffOnly: showDiffOnly
+            );
+            return Partial("_RevisionSelectPickerPartial", revisionSelectModel);
+        }
+
         /// <summary>
         /// Toggle Review State
         /// </summary>
diff --git a/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Revisions.cshtml b/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Revisions.cshtml
index b91d66c18b3..529f911125d 100644
--- a/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Revisions.cshtml
+++ b/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Revisions.cshtml
@@ -11,7 +11,11 @@
 }
 <div class="container-fluid mx-0 px-0 sub-header-content">
     <div class="row px-3 py-2 border-bottom" id="review-info-bar">
-        <partial name="Shared/_ReviewBadge" model="(Model.Review, default(APIRevisionListItemModel), default(APIRevisionListItemModel), default(UserPreferenceModel))" />
+        @{
+            var reviewBadgeModel = new ReviewBadgeModel();
+            reviewBadgeModel.Review = Model.Review;
+        }
+        <partial name="Shared/_ReviewBadge" model="reviewBadgeModel" />
     </div>
 </div>
 
diff --git a/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Samples.cshtml b/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Samples.cshtml
index c2b396e9b5c..622a21f100f 100644
--- a/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Samples.cshtml
+++ b/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Samples.cshtml
@@ -25,7 +25,11 @@
 
 <div class="container-fluid mx-0 px-0 sub-header-content">
     <div class="row px-3 py-2 border-bottom" id="review-info-bar">
-        <partial name="Shared/_ReviewBadge" model="(Model.Review, default(APIRevisionListItemModel), default(APIRevisionListItemModel), default(UserPreferenceModel))" />
+        @{
+            var reviewBadgeModel = new ReviewBadgeModel();
+            reviewBadgeModel.Review = Model.Review;
+        }
+        <partial name="Shared/_ReviewBadge" model="reviewBadgeModel" />
     </div>
 </div>
 
diff --git a/src/dotnet/APIView/APIViewWeb/Pages/Shared/_ReviewBadge.cshtml b/src/dotnet/APIView/APIViewWeb/Pages/Shared/_ReviewBadge.cshtml
index c37bea7be0c..a3cd6221497 100644
--- a/src/dotnet/APIView/APIViewWeb/Pages/Shared/_ReviewBadge.cshtml
+++ b/src/dotnet/APIView/APIViewWeb/Pages/Shared/_ReviewBadge.cshtml
@@ -3,49 +3,143 @@
 @using System.Text.RegularExpressions;
 @using APIViewWeb.Helpers;
 @using APIViewWeb.LeanModels;
-@using APIViewWeb.Models
-@model (ReviewListItemModel review, APIRevisionListItemModel activeAPIRevision, APIRevisionListItemModel diffAPIRevision, UserPreferenceModel userPreference);
+@using APIViewWeb.Models;
+@model ReviewBadgeModel;
 
 <div class="col-md-11">
-    <nav style="--bs-breadcrumb-divider: '-';" aria-label="breadcrumb">
-        <ol class="breadcrumb">
-            @{
-                string iconClassName = "icon-" + PageModelHelpers.GetLanguageCssSafeName(Model.review.Language);
-                string langVariant = String.Empty;
-            }
-            @if (Model.activeAPIRevision != null && !string.IsNullOrEmpty(Model.activeAPIRevision.Files.First().LanguageVariant) && Model.activeAPIRevision.Files.First().LanguageVariant.ToLower() != "default")
+    <div class="input-group input-group-sm" id="review-info-bar">
+        @{
+            var packageName = Model.Review.PackageName;
+        }
+        @if (Model.Review.Language != null)
+        {
+            string iconClassName = "icon-" + PageModelHelpers.GetLanguageCssSafeName(Model.Review.Language);
+            string langVariant = String.Empty;
+            @if (Model.ActiveAPIRevision != default(APIRevisionListItemModel) && !string.IsNullOrEmpty(Model.ActiveAPIRevision.Files.First().LanguageVariant) && Model.ActiveAPIRevision.Files.First().LanguageVariant.ToLower() != "default")
             {
-                langVariant = @Model.activeAPIRevision.Files.First().LanguageVariant.ToLower();
-                iconClassName += "-" + @Model.activeAPIRevision.Files.First().LanguageVariant.ToLower();
+                langVariant = @Model.ActiveAPIRevision.Files.First().LanguageVariant.ToLower();
+                iconClassName += "-" + @Model.ActiveAPIRevision.Files.First().LanguageVariant.ToLower();
             }
-            <li class="breadcrumb-item"><span role="img" class="icon-language @iconClassName" aria-label="@Model.review.Language @langVariant"></span> @Model.review.PackageName</li>
-            @if (Model.review.IsApproved)
+            <span role="img" class="input-group-text icon-language p-1 @iconClassName" aria-label="@Model.Review.Language @langVariant"></span>
+        }
+        @{
+            var packageFieldWidth = 3;
+            if (packageName != null)
             {
-                <li class="breadcrumb-item" data-bs-toggle="tooltip" title="Approved for First Release"><i class="fa-regular fa-circle-check text-success"></i></li>
+                packageFieldWidth += packageName.Length;
             }
-            @if (Model.activeAPIRevision != null)
+        }
+        <input type="text" class="form-control fw-bold" style="max-width: @(packageFieldWidth)ch; font-family: monospace;" value="@(packageName ?? "")" aria-label="Package Name of Review" readonly>
+        @if (packageName != null)
+        {
+            @if (Model.Review.IsApproved)
             {
-                <li class="breadcrumb-item"><i class="bi bi-clock-history"></i> @PageModelHelpers.ResolveRevisionLabel(Model.activeAPIRevision, false)</li>
-                @if (Model.activeAPIRevision.IsApproved)
+                <span class="input-group-text" data-bs-toggle="tooltip" title="Approved for First Release">
+                    <i class="fa-regular fa-circle-check text-success"></i>
+                </span>
+            }
+        }
+
+        @if (Model.APIRevisions != null && Model.ActiveAPIRevision != null)
+        {
+            <span class="input-group-text">Revision:</span>
+            <select id="revision-type-select" aria-label="Revision Type Select">
+                @foreach (var apiRevisionType in Model.APIRevisions.Select(r => r.APIRevisionType).Distinct())
                 {
-                    <li class="breadcrumb-item" data-bs-toggle="tooltip" title="APIRevision is Approved"><i class="fa-regular fa-circle-check text-success"></i></li>
+                    if (apiRevisionType == Model.ActiveAPIRevision.APIRevisionType)
+                    {
+                        <option selected value="@apiRevisionType">@apiRevisionType.ToString()</option>
+                    }
+                    else
+                    {
+                        <option value="@apiRevisionType">@apiRevisionType.ToString()</option>
+                    }
                 }
-            }
-            @if (Model.diffAPIRevision != null)
+            </select>
+            <select id="revision-select" aria-label="Revision Select">
+                @{
+
+                    var revisionsToSelectFrom = Model.APIRevisions.Where(r => r.APIRevisionType == Model.ActiveAPIRevision.APIRevisionType);
+                    (IEnumerable<APIRevisionListItemModel> revisions, APIRevisionListItemModel activeRevision, APIRevisionListItemModel diffRevision, bool forDiff, bool showDocumentation, bool showDiffOnly) revisionSelectModel = (
+                        revisions: revisionsToSelectFrom,
+                        activeRevision: Model.ActiveAPIRevision,
+                        diffRevision: default(APIRevisionListItemModel),
+                        forDiff: false,
+                        showDocumentation: (bool)Model.ShowDocumentation,
+                        showDiffOnly: (bool)Model.ShowDiffOnly
+                    );
+                }
+                <partial name="Shared/_RevisionSelectPickerPartial" model="revisionSelectModel" />
+            </select>
+
+            @if (@Model.APIRevisions.Count() > 1)
             {
-                <li class="breadcrumb-item"><i class="bi bi-file-diff"></i> @PageModelHelpers.ResolveRevisionLabel(Model.diffAPIRevision, false)</li>
-                @if (Model.diffAPIRevision.IsApproved)
+                var diffRevisionType = (Model.APIRevisions.Any(r => r.APIRevisionType == APIRevisionType.Automatic)) ? APIRevisionType.Automatic : Model.APIRevisions.First().APIRevisionType;
+                @if (Model.DiffAPIRevision != null)
                 {
-                    <li class="breadcrumb-item" data-bs-toggle="tooltip" title="Diff APIRevision is Approved"><i class="fa-regular fa-circle-check text-success"></i></li>
+                    // Diff revision is null if someone reuses an old URL with a deleted revision as  diff revision
+                    // Users copy and shares diff URL to approvers and sometimes they delete and recreate the revision which makes the diff revision null
+                    diffRevisionType = Model.DiffAPIRevision.APIRevisionType;
+
+                    var urlValue = @Url.ActionLink("Review", "Assemblies", new
+                    {
+                        id = Model.Review.Id,
+                        revisionId = Model.ActiveAPIRevision.Id,
+                        diffRevisionId = Model.DiffAPIRevision,
+                        doc = (bool)Model.ShowDocumentation,
+                        diffOnly = (bool)Model.ShowDiffOnly
+                    });
+                    <a class="input-group-text" href="@urlValue">Diff With:</a>
                 }
+                else
+                {
+
+                    var diffRevisionForButton = Model.APIRevisions.Where(r => r.APIRevisionType == diffRevisionType);
+                    var urlValue = @Url.ActionLink("Review", "Assemblies", new
+                    {
+                        id = Model.Review.Id,
+                        revisionId = Model.ActiveAPIRevision.Id,
+                        diffRevisionId = diffRevisionForButton.First().Id,
+                        doc = (bool)Model.ShowDocumentation,
+                        diffOnly = (bool)Model.ShowDiffOnly
+                    });
+                    <a class="input-group-text" href="@urlValue">Diff:</a>
+                }
+                <select id="diff-revision-type-select" aria-label="Revision Type Select">
+                    @foreach (var apiRevisionType in Model.APIRevisions.Select(r => r.APIRevisionType).Distinct())
+                    {
+                        if (apiRevisionType == diffRevisionType)
+                        {
+                            <option selected value="@apiRevisionType">@apiRevisionType</option>
+                        }
+                        else
+                        {
+                            <option value="@apiRevisionType">@apiRevisionType</option>
+                        }
+                    }
+                </select>
+                <select id="diff-select" aria-label="Diff Select">
+                    @{
+                        var diffRevisionsToSelectFrom = Model.APIRevisions.Where(r => r.APIRevisionType == diffRevisionType && r.Id != Model.ActiveAPIRevision.Id);
+                        (IEnumerable<APIRevisionListItemModel> revisions, APIRevisionListItemModel activeRevision, APIRevisionListItemModel diffRevision, bool forDiff, bool showDocumentation, bool showDiffOnly) diffRevisionSelectModel = (
+                        revisions: diffRevisionsToSelectFrom,
+                        activeRevision: Model.ActiveAPIRevision,
+                        diffRevision: Model.DiffAPIRevision,
+                        forDiff: true,
+                        showDocumentation: (bool)Model.ShowDocumentation,
+                        showDiffOnly: (bool)Model.ShowDiffOnly
+                        );
+                    }
+                    <partial name="Shared/_RevisionSelectPickerPartial" model="diffRevisionSelectModel" />
+                </select>
             }
-        </ol>
-    </nav>
+        }
+    </div>
 </div>
 <div class="col-1">
     @if (TempData["page"].Equals("api"))
     {
-        if (Model.userPreference != null && Model.userPreference.HideReviewPageOptions.HasValue && Model.userPreference.HideReviewPageOptions == true)
+        if (Model.UserPreference != null && Model.UserPreference.HideReviewPageOptions.HasValue && Model.UserPreference.HideReviewPageOptions == true)
         {
             <input type="checkbox" class="btn-check" id="review-right-offcanvas-toggle" autocomplete="off">
         }
@@ -53,11 +147,11 @@
         {
             <input type="checkbox" checked class="btn-check" id="review-right-offcanvas-toggle" autocomplete="off">
         }
-        <label class="btn btn-sm btn-outline-primary float-end" accesskey="m" for="review-right-offcanvas-toggle"><i class="fa fa-bars"></i></label>
+        <label class="btn btn-outline-primary float-end" accesskey="m" for="review-right-offcanvas-toggle"><i class="fa fa-bars"></i></label>
     }
     @if (TempData["page"].Equals("revisions"))
     {
-        if (Model.userPreference != null && Model.userPreference.HideRevisionsPageOptions.HasValue && Model.userPreference.HideRevisionsPageOptions == true)
+        if (Model.UserPreference != null && Model.UserPreference.HideRevisionsPageOptions.HasValue && Model.UserPreference.HideRevisionsPageOptions == true)
         {
             <input type="checkbox" class="btn-check" id="revisions-right-offcanvas-toggle" autocomplete="off">
         }
@@ -65,11 +159,11 @@
         {
             <input type="checkbox" checked class="btn-check" id="revisions-right-offcanvas-toggle" autocomplete="off">
         }
-        <label class="btn btn-sm btn-outline-primary float-end" accesskey="m" for="revisions-right-offcanvas-toggle"><i class="fa fa-bars"></i></label>
+        <label class="btn btn-outline-primary float-end" accesskey="m" for="revisions-right-offcanvas-toggle"><i class="fa fa-bars"></i></label>
     }
     @if (TempData["page"].Equals("samples"))
     {
-        if (Model.userPreference != null && Model.userPreference.HideSamplesPageOptions.HasValue && Model.userPreference.HideSamplesPageOptions == true)
+        if (Model.UserPreference != null && Model.UserPreference.HideSamplesPageOptions.HasValue && Model.UserPreference.HideSamplesPageOptions == true)
         {
             <input type="checkbox" class="btn-check" id="samples-right-offcanvas-toggle" autocomplete="off">
         }
@@ -77,7 +171,7 @@
         {
             <input type="checkbox" checked class="btn-check" id="samples-right-offcanvas-toggle" autocomplete="off">
         }
-        <label class="btn btn-sm btn-outline-primary float-end" accesskey="m" for="samples-right-offcanvas-toggle"><i class="fa fa-bars"></i></label>
+        <label class="btn btn-outline-primary float-end" accesskey="m" for="samples-right-offcanvas-toggle"><i class="fa fa-bars"></i></label>
     }
 </div>
 
diff --git a/src/dotnet/APIView/APIViewWeb/Pages/Shared/_RevisionSelectPickerPartial.cshtml b/src/dotnet/APIView/APIViewWeb/Pages/Shared/_RevisionSelectPickerPartial.cshtml
new file mode 100644
index 00000000000..6316411e0b0
--- /dev/null
+++ b/src/dotnet/APIView/APIViewWeb/Pages/Shared/_RevisionSelectPickerPartial.cshtml
@@ -0,0 +1,57 @@
+@using APIViewWeb.Helpers
+@using APIViewWeb.LeanModels
+@using APIViewWeb.Models
+@model (IEnumerable<APIRevisionListItemModel> revisions, APIRevisionListItemModel activeRevision, APIRevisionListItemModel diffRevision, bool forDiff, bool showDocumentation, bool showDiffOnly)
+
+@if (@Model.revisions.Any())
+{
+    var selectedRevisionLabel = String.Empty;
+    if (!@Model.forDiff && @Model.activeRevision != default(APIRevisionListItemModel))
+    {
+        selectedRevisionLabel = PageModelHelpers.ResolveRevisionLabel(@Model.activeRevision, false);
+    }
+    else if (@Model.diffRevision != default(APIRevisionListItemModel))
+    {
+        selectedRevisionLabel = PageModelHelpers.ResolveRevisionLabel(@Model.diffRevision, false);
+    }
+
+    if (String.IsNullOrEmpty(selectedRevisionLabel))
+    {
+        <option selected value=""></option>
+    }
+
+    @foreach (var revision in @Model.revisions)
+    {
+        var optionClass = (revision.IsApproved) ? "option-approved" : "option-pending";
+
+        var urlValue = @Url.ActionLink("Review", "Assemblies", new
+        {
+            id = revision.ReviewId,
+            revisionId = @revision.Id,
+            doc = @Model.showDocumentation
+        });
+
+        if (Model.forDiff)
+        {
+            urlValue = @Url.ActionLink("Review", "Assemblies", new
+            {
+                id = revision.ReviewId,
+                revisionId = @Model.activeRevision.Id,
+                diffOnly = Model.showDiffOnly,
+                doc = @Model.showDocumentation,
+                diffRevisionId = @revision.Id
+            });
+        }
+
+        var revisionLabel = PageModelHelpers.ResolveRevisionLabel(@revision, false);
+
+        if (!String.IsNullOrEmpty(selectedRevisionLabel) && revisionLabel == selectedRevisionLabel)
+        {
+            <option selected value="@urlValue" class="@optionClass">@revisionLabel</option>
+        }
+        else
+        {
+            <option value="@urlValue" class="@optionClass">@revisionLabel</option>
+        }
+    }
+}
\ No newline at end of file