diff --git a/assets/core/scss/components/_star-rating.scss b/assets/core/scss/components/_star-rating.scss
index 67f5aa39dd..a2e7615e78 100644
--- a/assets/core/scss/components/_star-rating.scss
+++ b/assets/core/scss/components/_star-rating.scss
@@ -3,6 +3,12 @@
 
 .tutor-star-rating-container {
   @include tutor-flex(row, center, space-between);
+
+  button.tutor-star-rating-icon-btn {
+    @include tutor-button-reset();
+    min-height: unset;
+  }
+
   &.is-emoji-view {
     @include tutor-flex-column;
     gap: $tutor-spacing-7;
diff --git a/assets/src/scss/front/course/_social-share.scss b/assets/src/scss/front/course/_social-share.scss
index 3266394907..25323709b8 100644
--- a/assets/src/scss/front/course/_social-share.scss
+++ b/assets/src/scss/front/course/_social-share.scss
@@ -1,33 +1,27 @@
 .tutor-social-share-wrap {
-	button {
-		margin-right: 16px;
-		border: none;
-		padding: 8px 15px;
-		border-radius: 6px;
-		color: white;
-		cursor: pointer;
-		display: inline-flex;
-		align-items: center;	
-		@include breakpoint-max(mobile) {
-			width: 150px;
-			justify-content: center;
-			&:not(:first-child) {
-				margin-top: 10px;
-			}
-		}
-		span {
-			font-style: normal;
-			font-weight: 500;
-			font-size: 15px;
-			color: #ffffff;
-			position: relative;
-			top: 1px;
-			left: 2px;
-		}
-	}
-	.tutor_share {
-		&.s_linkedin i {
-			margin-top: -2px;
-		}
-	}
+	display: flex;
+	gap: 16px;
+  button {
+    border: none;
+    padding: 8px 15px;
+    border-radius: 6px;
+    color: white;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    span {
+      font-style: normal;
+      font-weight: 500;
+      font-size: 15px;
+      color: #ffffff;
+      position: relative;
+      top: 1px;
+      left: 2px;
+    }
+  }
+  .tutor_share {
+    &.s_linkedin i {
+      margin-top: -2px;
+    }
+  }
 }
diff --git a/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss b/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss
index e86f672319..4f558310fa 100644
--- a/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss
+++ b/assets/src/scss/frontend/dashboard/layout/_nav-mobile.scss
@@ -23,14 +23,14 @@
     margin: 0;
     padding: 0;
 
-    >li {
+    > li {
       @include tutor-flex(column, center);
       min-width: 44px;
       margin: 0;
       padding: 0;
 
-      >a,
-      >button {
+      > a,
+      > button {
         @include tutor-button-reset();
         @include tutor-typography(tiny, medium);
         @include tutor-flex(column, center);
@@ -40,6 +40,11 @@
         &.active span {
           color: $tutor-text-brand;
         }
+        &:hover,
+        &:focus {
+          background-color: transparent;
+          color: $tutor-text-brand;
+        }
       }
 
       img {
@@ -82,4 +87,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/components/StarRatingInput.php b/components/StarRatingInput.php
index 90f8df2c05..04533e405a 100644
--- a/components/StarRatingInput.php
+++ b/components/StarRatingInput.php
@@ -230,7 +230,7 @@ class="tutor-star-rating-emoji-btn <?php echo esc_attr( $rating_classes[ $i ] );
 				<?php for ( $i = 1; $i <= 5; $i++ ) : ?>
 					<button 
 						type="button"
-						class="tutor-btn tutor-p-none tutor-min-h-0 tutor-bg-transparent"
+						class="tutor-star-rating-icon-btn tutor-btn tutor-p-none tutor-min-h-0 tutor-bg-transparent"
 						@click="setRating(<?php echo esc_attr( $i ); ?>, (rating) => setValue('<?php echo esc_attr( $this->field_name ); ?>', rating))"
 						@mouseenter="hoverRating = <?php echo esc_attr( $i ); ?>"
 					>
diff --git a/templates/dashboard/account/reviews/review-card.php b/templates/dashboard/account/reviews/review-card.php
index d0f1c43bad..bfe650ac9c 100644
--- a/templates/dashboard/account/reviews/review-card.php
+++ b/templates/dashboard/account/reviews/review-card.php
@@ -241,8 +241,8 @@ class="tutor-review-form-fields"
 						->render();
 				?>
 			</form>
-			<div class="tutor-flex tutor-justify-between tutor-gap-3">
-				<div class="tutor-flex tutor-gap-3 tutor-tiny tutor-text-subdued tutor-items-center">
+			<div class="tutor-flex tutor-justify-between tutor-sm-justify-end tutor-gap-3">
+				<div class="tutor-flex tutor-gap-3 tutor-tiny tutor-text-subdued tutor-items-center tutor-sm-hidden">
 					<span>
 						<?php SvgIcon::make()->name( Icon::COMMAND )->size( 12 )->render(); ?>
 					</span>
diff --git a/templates/learning-area/subpages/reviews/review-card.php b/templates/learning-area/subpages/reviews/review-card.php
index ed6458c01f..1070f7a8de 100644
--- a/templates/learning-area/subpages/reviews/review-card.php
+++ b/templates/learning-area/subpages/reviews/review-card.php
@@ -124,8 +124,8 @@ class="tutor-flex tutor-flex-column tutor-gap-6"
 					->render();
 			?>
 		</form>
-		<div class="tutor-flex tutor-justify-between tutor-gap-3">
-			<div class="tutor-flex tutor-gap-3 tutor-tiny tutor-text-subdued tutor-items-center tutor-flex-wrap">
+		<div class="tutor-flex tutor-justify-between tutor-gap-3 tutor-sm-justify-end">
+			<div class="tutor-flex tutor-gap-3 tutor-tiny tutor-text-subdued tutor-items-center tutor-flex-wrap tutor-sm-hidden">
 				<span>
 					<?php tutor_utils()->render_svg_icon( Icon::COMMAND, 12, 12 ); ?>
 				</span>