add styles for actual programs

Author: Awakich

projects/social_platform/src/app/office/office.component.scss

@@ -60,19 +60,19 @@
     display: flex;
     flex-direction: column;
     gap: 12px;
-    margin-top: 12px;
     max-width: 135px;
+    margin-top: 12px;
   }
 
   &__program {
     display: flex;
     flex-direction: column;
     gap: 5px;
-    cursor: pointer;
     padding: 8px;
-    border-radius: var(--rounded-lg);
-    border: 0.5px solid var(--medium-grey-for-outline);
+    cursor: pointer;
     background-color: var(--light-white);
+    border: 0.5px solid var(--medium-grey-for-outline);
+    border-radius: var(--rounded-lg);
     transition: background-color 0.2s ease-in-out;
 
     &:hover {
@@ -138,8 +138,8 @@
 
   &__info {
     display: flex;
-    align-items: center;
     gap: 5px;
+    align-items: center;
   }
 
   &__title {