diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css
index 007a1986..83c5165f 100644
--- a/src/app/home/home.component.css
+++ b/src/app/home/home.component.css
@@ -405,10 +405,6 @@
     justify-content: space-between;
 }
 
-.history-card-close-button {
-    padding: 0.1rem 0.3rem;
-}
-
 .blur-marking-button {
     padding: 0.1rem 0.3rem;
 }
@@ -556,6 +552,9 @@
 }
 
 .writing {
+    display: -webkit-box;
+    -webkit-line-clamp: 4;
+    -webkit-box-orient: vertical;
     box-shadow: 0 0 10px rgba(216, 216, 216, 0.6);
     border-radius: 5px;
     padding: 5px;
@@ -645,7 +644,6 @@
     width: 40px;
     height: 23px;
     float: right;
-    right: 53px;
 }
 
 .switch input {
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index b9b79752..44402567 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -47,13 +47,13 @@
                         <span
                             class="editor-placeholder-text"
                             data-test="editor-placeholder-text"
-                        >Shkruaj këtu ose </span
+                            >Shkruaj këtu ose </span
                         ><label
-                        for="file-upload-input"
-                        class="editor-placeholder-upload"
-                        data-test="editor-placeholder-upload"
-                    >ngarko një dokument</label
-                    >
+                            for="file-upload-input"
+                            class="editor-placeholder-upload"
+                            data-test="editor-placeholder-upload"
+                            >ngarko një dokument</label
+                        >
                     </div>
                     <div *ngIf="editorHasText()">
                         <button
@@ -81,12 +81,12 @@
                                 characterCount >= MAX_EDITOR_CHARACTERS
                         }"
                         data-test="characters-words-markings"
-                    ><ng-container
-                        *ngIf="characterCount >= MAX_EDITOR_CHARACTERS"
-                    >{{
-                            MAX_EDITOR_CHARACTERS_MESSAGE
-                        }}&nbsp;–&nbsp;</ng-container
-                    >
+                        ><ng-container
+                            *ngIf="characterCount >= MAX_EDITOR_CHARACTERS"
+                            >{{
+                                MAX_EDITOR_CHARACTERS_MESSAGE
+                            }}&nbsp;–&nbsp;</ng-container
+                        >
                         {{ characterCount }}&nbsp;{{
                             characterCount === 1 ? "karakter" : "karaktere"
                         }}&comma;&nbsp;{{ wordCount }}&nbsp;fjalë&comma;&nbsp;{{
@@ -101,29 +101,29 @@
                         }}</span
                     >
                     <span
-                    ><button
-                        id="copy-to-clipboard-button"
-                        (click)="copyToClipboard()"
-                        class="bi bi-clipboard editor-footer-button"
-                        [ngClass]="{
+                        ><button
+                            id="copy-to-clipboard-button"
+                            (click)="copyToClipboard()"
+                            class="bi bi-clipboard editor-footer-button"
+                            [ngClass]="{
                                 'clipboard-button-dark-mode':
                                     darkModeService.isDarkMode
                             }"
-                        title="kopjo shkrimin"
-                        data-test="copy-to-clipboard-button"
-                    ></button
-                    >&nbsp;&nbsp;&nbsp;&nbsp;<button
-                        type="button"
-                        data-bs-toggle="modal"
-                        data-bs-target="#writingsHistoryModal"
-                        title="trego historikun e shkrimeve"
-                        class="bi bi-clock-history editor-footer-button"
-                        [ngClass]="{
+                            title="kopjo shkrimin"
+                            data-test="copy-to-clipboard-button"
+                        ></button
+                        >&nbsp;&nbsp;&nbsp;&nbsp;<button
+                            type="button"
+                            data-bs-toggle="modal"
+                            data-bs-target="#writingsHistoryModal"
+                            title="trego historikun e shkrimeve"
+                            class="bi bi-clock-history editor-footer-button"
+                            [ngClass]="{
                                 'writings-history-button-dark-mode':
                                     darkModeService.isDarkMode
                             }"
-                        data-test="writings-history-button"
-                    ></button
+                            data-test="writings-history-button"
+                        ></button
                     ></span>
                 </div>
             </div>
@@ -151,14 +151,14 @@
             <!-- TODO put into a method -->
             <div class="card typo-marking-card border-secondary">
                 <div
-                    class="card-header typo-marking-card-header second-header"
+                    class="card-header second-header"
                     [ngClass]="{
                         'second-header-dark-mode': darkModeService.isDarkMode
                     }"
                 >
                     <div>
                         <span class="typo-marking-header template-marking-span"
-                        >gabime shkrimi</span
+                            >gabime shkrimi</span
                         >
                     </div>
                 </div>
@@ -172,7 +172,7 @@
                     >
                         <b>shkrim pa gabime</b> -
                         <span
-                        >shenjime për fjalë të shkruara gabim, gabime
+                            >shenjime për fjalë të shkruara gabim, gabime
                             fonetikore, shenja pikësimi</span
                         >
                     </li>
@@ -188,7 +188,7 @@
                     <div>
                         <span
                             class="loanword-marking-header template-marking-span"
-                        >sugjerime huazimesh</span
+                            >sugjerime huazimesh</span
                         >
                     </div>
                 </div>
@@ -202,7 +202,7 @@
                     >
                         <b>pa huazime për tani</b> -
                         <span
-                        >shenjime për huazime me origjinë italiane, angleze,
+                            >shenjime për huazime me origjinë italiane, angleze,
                             sllave, gjermane, otomane, greke</span
                         >
                     </li>
@@ -218,7 +218,7 @@
                     <div>
                         <span
                             class="stylistic-marking-header template-marking-span"
-                        >shenjime stilistike</span
+                            >shenjime stilistike</span
                         >
                     </div>
                 </div>
@@ -245,7 +245,7 @@
                     <div>
                         <span
                             class="grammatical-marking-header template-marking-span"
-                        >shenjime gabimesh gramatikore</span
+                            >shenjime gabimesh gramatikore</span
                         >
                     </div>
                 </div>
@@ -260,7 +260,7 @@
                         <i class="bi bi-stars grammatical-marking-stars"></i>
                         <b>sipas rregullave gramatikore</b> -
                         <span
-                        >shenjime për gabime gramatikore të llojeve të
+                            >shenjime për gabime gramatikore të llojeve të
                             ndryshme</span
                         >
                     </li>
@@ -295,7 +295,7 @@
                                     marking.type
                                 }}-marking-header"
                                 data-test="marking-span"
-                            >{{ getTextOfMarking(i) }}
+                                >{{ getTextOfMarking(i) }}
                             </span>
                         </div>
                         <div>
@@ -405,7 +405,7 @@
                                     ]?.type
                                 }}-marking-header"
                                 data-test="highlighted-marking"
-                            >{{
+                                >{{
                                     getTextOfMarking(highlightedMarkingIndex)
                                 }}</span
                             >
@@ -439,16 +439,16 @@
                                         class="bi bi-stars"
                                     ></i>
                                     <b>{{
-                                            processedText?.markings?.[
-                                                highlightedMarkingIndex
-                                                ]?.subtype
-                                        }}</b>
+                                        processedText?.markings?.[
+                                            highlightedMarkingIndex
+                                        ]?.subtype
+                                    }}</b>
                                     -
                                     <span>{{
-                                            processedText?.markings?.[
-                                                highlightedMarkingIndex
-                                                ]?.description
-                                        }}</span>
+                                        processedText?.markings?.[
+                                            highlightedMarkingIndex
+                                        ]?.description
+                                    }}</span>
                                 </div>
                                 <div
                                     *ngIf="
@@ -621,6 +621,12 @@ <h5 id="writingsHistoryModalLabel" class="modal-title">
                 data-test="writings-history-modal-body"
             >
                 <div class="form-check form-switch history-body">
+                    <!-- TODO if user changes call a method that changes it in the service and invalidates-->
+                    <label
+                        class="form-check-label"
+                        for="flex-switch-check-checked"
+                    >Përdor Historikun e Shkrimeve</label
+                    >
                     <label class="switch">
                         <input
                             (click)="toggleStoringOfWritings()"
@@ -632,15 +638,9 @@ <h5 id="writingsHistoryModalLabel" class="modal-title">
                             data-test="flex-switch-check-checked"
                         ></span>
                     </label>
-                    <!-- TODO if user changes call a method that changes it in the service and invalidates-->
-                    <label
-                        class="form-check-label"
-                        for="flex-switch-check-checked"
-                    >Përdor Historikun e Shkrimeve</label
-                    >
                     <div>
                         <span class="history-deactivation-message"
-                        >çaktivizimi i historikut të shkrimeve do të fshijë
+                            >çaktivizimi i historikut të shkrimeve do të fshijë
                             shkrimet ekzistuese</span
                         >
                     </div>
@@ -674,7 +674,7 @@ <h5 id="writingsHistoryModalLabel" class="modal-title">
                 <button
                     id="close-writings-history-modal-button"
                     type="button"
-                    class="btn btn-secondary history-card-close-button"
+                    class="btn btn-secondary"
                     data-bs-dismiss="modal"
                     data-test="close-writings-history-modal-button"
                 >